Refactor #5612 - Chips / InputChips

components/lib/inputchips/style/InputChipsStyle.d.ts

@@ -0,0 +1,3 @@
+import { BaseStyle } from '../../base/style';
+
+export interface InputChipsStyle extends BaseStyle {}

components/lib/inputchips/style/InputChipsStyle.js

@@ -0,0 +1,29 @@
+import BaseStyle from 'primevue/base/style';
+
+const classes = {
+    root: ({ instance, props }) => [
+        'p-inputchips p-component p-inputwrapper',
+        {
+            'p-disabled': props.disabled,
+            'p-invalid': props.invalid,
+            'p-focus': instance.focused,
+            'p-inputwrapper-filled': (props.modelValue && props.modelValue.length) || (instance.inputValue && instance.inputValue.length),
+            'p-inputwrapper-focus': instance.focused
+        }
+    ],
+    container: ({ props, instance }) => [
+        'p-inputchips-input',
+        {
+            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled'
+        }
+    ],
+    token: ({ state, index }) => ['p-inputchips-chip', { 'p-focus': state.focusedIndex === index }],
+    label: 'p-inputchips-chip-label',
+    removeTokenIcon: 'p-inputchips-chip-icon',
+    inputToken: 'p-inputchips-input-item'
+};
+
+export default BaseStyle.extend({
+    name: 'inputchips',
+    classes
+});

components/lib/inputchips/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "./inputchipsstyle.cjs.js",
+    "module": "./inputchipsstyle.esm.js",
+    "unpkg": "./inputchipsstyle.min.js",
+    "types": "./InputChipsStyle.d.ts"
+}