primevue 3.35.0 → 3.37.0

package/checkbox/checkbox.js

@@ -1,33 +1,13 @@
 this.primevue = this.primevue || {};
-this.primevue.checkbox = (function (CheckIcon, utils, BaseComponent, vue) {
+this.primevue.checkbox = (function (CheckIcon, utils, BaseComponent, CheckboxStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var CheckboxStyle__default = /*#__PURE__*/_interopDefaultLegacy(CheckboxStyle);
 
-    var classes = {
-      root: function root(_ref) {
-        var instance = _ref.instance,
-          props = _ref.props;
-        return ['p-checkbox p-component', {
-          'p-checkbox-checked': instance.checked,
-          'p-checkbox-disabled': props.disabled,
-          'p-checkbox-focused': instance.focused
-        }];
-      },
-      input: function input(_ref2) {
-        var instance = _ref2.instance,
-          props = _ref2.props;
-        return ['p-checkbox-box', {
-          'p-highlight': instance.checked,
-          'p-disabled': props.disabled,
-          'p-focus': instance.focused
-        }];
-      },
-      icon: 'p-checkbox-icon'
-    };
     var script$1 = {
       name: 'BaseCheckbox',
       "extends": BaseComponent__default["default"],
@@ -88,9 +68,7 @@ this.primevue.checkbox = (function (CheckIcon, utils, BaseComponent, vue) {
           "default": null
         }
       },
-      css: {
-        classes: classes
-      },
+      style: CheckboxStyle__default["default"],
       provide: function provide() {
         return {
           $parentInstance: this
@@ -223,4 +201,4 @@ this.primevue.checkbox = (function (CheckIcon, utils, BaseComponent, vue) {
 
     return script;
 
-})(primevue.icons.check, primevue.utils, primevue.basecomponent, Vue);
+})(primevue.icons.check, primevue.utils, primevue.basecomponent, primevue.checkbox.style, Vue);

package/checkbox/checkbox.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.checkbox=function(e,t,n,r){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);function l(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function a(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e){if(Array.isArray(e))return s(e)}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d={name:"Checkbox",extends:{name:"BaseCheckbox",extends:i(n).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.instance;return["p-checkbox p-component",{"p-checkbox-checked":t.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":t.focused}]},input:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-disabled":e.props.disabled,"p-focus":t.focused}]},icon:"p-checkbox-icon"}},provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","input","focus","blur"],data:function(){return{focused:!1}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,focused:this.focused,disabled:this.disabled}})},onClick:function(e){var n,r,i=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.ObjectUtils.equals(e,i.value)})):this.modelValue?[].concat(u(r=this.modelValue)||c(r)||a(r)||l(),[this.value]):[this.value],this.$emit("click",e),this.$emit("update:modelValue",n),this.$emit("change",e),this.$emit("input",n),this.$refs.input.focus())},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.ObjectUtils.contains(this.value,this.modelValue)}},components:{CheckIcon:o.default}};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=y(e,"string");return"symbol"===p(t)?t:String(t)}function y(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"],k=["data-p-highlight","data-p-disabled","data-p-focused"];return d.render=function(e,t,n,i,o,l){var a=r.resolveComponent("CheckIcon");return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return l.onClick(e)})},l.getPTOptions("root"),{"data-pc-name":"checkbox"}),[r.createElementVNode("div",r.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[r.createElementVNode("input",r.mergeProps({ref:"input",id:e.inputId,type:"checkbox",value:e.value,name:e.name,checked:l.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return l.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return l.onBlur(e)})},e.ptm("hiddenInput")),null,16,v)],16),r.createElementVNode("div",r.mergeProps({ref:"box",class:[e.cx("input"),e.inputClass],style:e.inputStyle},b(b({},e.inputProps),l.getPTOptions("input")),{"data-p-highlight":l.checked,"data-p-disabled":e.disabled,"data-p-focused":o.focused}),[r.renderSlot(e.$slots,"icon",{checked:l.checked,class:r.normalizeClass(e.cx("icon"))},(function(){return[l.checked?(r.openBlock(),r.createBlock(a,r.mergeProps({key:0,class:e.cx("icon")},l.getPTOptions("icon")),null,16,["class"])):r.createCommentVNode("",!0)]}))],16,k)],16)},d}(primevue.icons.check,primevue.utils,primevue.basecomponent,Vue);
+this.primevue=this.primevue||{},this.primevue.checkbox=function(e,t,n,r,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e);function a(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e){if(Array.isArray(e))return d(e)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var p={name:"Checkbox",extends:{name:"BaseCheckbox",extends:o(n).default,props:{value:null,modelValue:null,binary:Boolean,name:{type:String,default:null},trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:o(r).default,provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","input","focus","blur"],data:function(){return{focused:!1}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{checked:this.checked,focused:this.focused,disabled:this.disabled}})},onClick:function(e){var n,r,i=this;this.disabled||this.readonly||(n=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((function(e){return!t.ObjectUtils.equals(e,i.value)})):this.modelValue?[].concat(s(r=this.modelValue)||c(r)||u(r)||a(),[this.value]):[this.value],this.$emit("click",e),this.$emit("update:modelValue",n),this.$emit("change",e),this.$emit("input",n),this.$refs.input.focus())},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)}},computed:{checked:function(){return this.binary?this.modelValue===this.trueValue:t.ObjectUtils.contains(this.value,this.modelValue)}},components:{CheckIcon:l.default}};function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){var t=v(e,"string");return"symbol"===f(t)?t:String(t)}function v(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var g=["id","value","name","checked","tabindex","disabled","readonly","required","aria-labelledby","aria-label"],k=["data-p-highlight","data-p-disabled","data-p-focused"];return p.render=function(e,t,n,r,o,l){var a=i.resolveComponent("CheckIcon");return i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return l.onClick(e)})},l.getPTOptions("root"),{"data-pc-name":"checkbox"}),[i.createElementVNode("div",i.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[i.createElementVNode("input",i.mergeProps({ref:"input",id:e.inputId,type:"checkbox",value:e.value,name:e.name,checked:l.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,required:e.required,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return l.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return l.onBlur(e)})},e.ptm("hiddenInput")),null,16,g)],16),i.createElementVNode("div",i.mergeProps({ref:"box",class:[e.cx("input"),e.inputClass],style:e.inputStyle},h(h({},e.inputProps),l.getPTOptions("input")),{"data-p-highlight":l.checked,"data-p-disabled":e.disabled,"data-p-focused":o.focused}),[i.renderSlot(e.$slots,"icon",{checked:l.checked,class:i.normalizeClass(e.cx("icon"))},(function(){return[l.checked?(i.openBlock(),i.createBlock(a,i.mergeProps({key:0,class:e.cx("icon")},l.getPTOptions("icon")),null,16,["class"])):i.createCommentVNode("",!0)]}))],16,k)],16)},p}(primevue.icons.check,primevue.utils,primevue.basecomponent,primevue.checkbox.style,Vue);

package/checkbox/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "./checkbox.cjs.js",
-  "module": "./checkbox.esm.js",
-  "unpkg": "./checkbox.min.js",
-  "types": "./Checkbox.d.ts",
-  "browser": {
-    "./sfc": "./Checkbox.vue"
-  }
-}
+    "main": "./checkbox.cjs.js",
+    "module": "./checkbox.esm.js",
+    "unpkg": "./checkbox.min.js",
+    "types": "./Checkbox.d.ts",
+    "browser": {
+        "./sfc": "./Checkbox.vue"
+    }
+}

package/checkbox/style/CheckboxStyle.d.ts

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

package/checkbox/style/checkboxstyle.cjs.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
+    return ['p-checkbox p-component', {
+      'p-checkbox-checked': instance.checked,
+      'p-checkbox-disabled': props.disabled,
+      'p-checkbox-focused': instance.focused
+    }];
+  },
+  input: function input(_ref2) {
+    var instance = _ref2.instance,
+      props = _ref2.props;
+    return ['p-checkbox-box', {
+      'p-highlight': instance.checked,
+      'p-disabled': props.disabled,
+      'p-focus': instance.focused
+    }];
+  },
+  icon: 'p-checkbox-icon'
+};
+var CheckboxStyle = BaseStyle__default["default"].extend({
+  name: 'checkbox',
+  classes: classes
+});
+
+module.exports = CheckboxStyle;

package/checkbox/style/checkboxstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=e(require("primevue/base/style")).default.extend({name:"checkbox",classes:{root:function(e){var c=e.instance;return["p-checkbox p-component",{"p-checkbox-checked":c.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":c.focused}]},input:function(e){var c=e.instance;return["p-checkbox-box",{"p-highlight":c.checked,"p-disabled":e.props.disabled,"p-focus":c.focused}]},icon:"p-checkbox-icon"}});module.exports=c;

package/checkbox/style/checkboxstyle.esm.js

@@ -0,0 +1,29 @@
+import BaseStyle from 'primevue/base/style';
+
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
+    return ['p-checkbox p-component', {
+      'p-checkbox-checked': instance.checked,
+      'p-checkbox-disabled': props.disabled,
+      'p-checkbox-focused': instance.focused
+    }];
+  },
+  input: function input(_ref2) {
+    var instance = _ref2.instance,
+      props = _ref2.props;
+    return ['p-checkbox-box', {
+      'p-highlight': instance.checked,
+      'p-disabled': props.disabled,
+      'p-focus': instance.focused
+    }];
+  },
+  icon: 'p-checkbox-icon'
+};
+var CheckboxStyle = BaseStyle.extend({
+  name: 'checkbox',
+  classes: classes
+});
+
+export { CheckboxStyle as default };

package/checkbox/style/checkboxstyle.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/base/style";var c=e.extend({name:"checkbox",classes:{root:function(e){var c=e.instance;return["p-checkbox p-component",{"p-checkbox-checked":c.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":c.focused}]},input:function(e){var c=e.instance;return["p-checkbox-box",{"p-highlight":c.checked,"p-disabled":e.props.disabled,"p-focus":c.focused}]},icon:"p-checkbox-icon"}});export{c as default};

package/checkbox/style/checkboxstyle.js

@@ -0,0 +1,38 @@
+this.primevue = this.primevue || {};
+this.primevue.checkbox = this.primevue.checkbox || {};
+this.primevue.checkbox.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var classes = {
+      root: function root(_ref) {
+        var instance = _ref.instance,
+          props = _ref.props;
+        return ['p-checkbox p-component', {
+          'p-checkbox-checked': instance.checked,
+          'p-checkbox-disabled': props.disabled,
+          'p-checkbox-focused': instance.focused
+        }];
+      },
+      input: function input(_ref2) {
+        var instance = _ref2.instance,
+          props = _ref2.props;
+        return ['p-checkbox-box', {
+          'p-highlight': instance.checked,
+          'p-disabled': props.disabled,
+          'p-focus': instance.focused
+        }];
+      },
+      icon: 'p-checkbox-icon'
+    };
+    var CheckboxStyle = BaseStyle__default["default"].extend({
+      name: 'checkbox',
+      classes: classes
+    });
+
+    return CheckboxStyle;
+
+})(primevue.base.style);

package/checkbox/style/checkboxstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.checkbox=this.primevue.checkbox||{},this.primevue.checkbox.style=function(e){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return c(primevue.base.style).default.extend({name:"checkbox",classes:{root:function(e){var c=e.instance;return["p-checkbox p-component",{"p-checkbox-checked":c.checked,"p-checkbox-disabled":e.props.disabled,"p-checkbox-focused":c.focused}]},input:function(e){var c=e.instance;return["p-checkbox-box",{"p-highlight":c.checked,"p-disabled":e.props.disabled,"p-focus":c.focused}]},icon:"p-checkbox-icon"}})}();

package/checkbox/style/package.json

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

package/chip/BaseChip.vue

@@ -1,46 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
-
-const styles = `
-@layer primevue {
-    .p-chip {
-        display: inline-flex;
-        align-items: center;
-    }
-    
-    .p-chip-text {
-        line-height: 1.5;
-    }
-    
-    .p-chip-icon.pi {
-        line-height: 1.5;
-    }
-    
-    .p-chip-remove-icon {
-        line-height: 1.5;
-        cursor: pointer;
-    }
-    
-    .p-chip img {
-        border-radius: 50%;
-    }
-}
-`;
-
-const classes = {
-    root: ({ props }) => [
-        'p-chip p-component',
-        {
-            'p-chip-image': props.image != null
-        }
-    ],
-    icon: 'p-chip-icon',
-    label: 'p-chip-text',
-    removeIcon: 'p-chip-remove-icon'
-};
-
-const { load: loadStyle } = useStyle(styles, { name: 'chip', manual: true });
+import ChipStyle from 'primevue/chip/style';
 
 export default {
     name: 'BaseChip',
@@ -67,10 +27,7 @@ export default {
             default: undefined
         }
     },
-    css: {
-        classes,
-        loadStyle
-    },
+    style: ChipStyle,
     provide() {
         return {
             $parentInstance: this

package/chip/chip.cjs.js

@@ -2,31 +2,15 @@
 
 var TimesCircleIcon = require('primevue/icons/timescircle');
 var BaseComponent = require('primevue/basecomponent');
-var usestyle = require('primevue/usestyle');
+var ChipStyle = require('primevue/chip/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var TimesCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesCircleIcon);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var ChipStyle__default = /*#__PURE__*/_interopDefaultLegacy(ChipStyle);
 
-var styles = "\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
-var classes = {
-  root: function root(_ref) {
-    var props = _ref.props;
-    return ['p-chip p-component', {
-      'p-chip-image': props.image != null
-    }];
-  },
-  icon: 'p-chip-icon',
-  label: 'p-chip-text',
-  removeIcon: 'p-chip-remove-icon'
-};
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'chip',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$1 = {
   name: 'BaseChip',
   "extends": BaseComponent__default["default"],
@@ -52,10 +36,7 @@ var script$1 = {
       "default": undefined
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: ChipStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this

package/chip/chip.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/timescircle"),n=require("primevue/basecomponent"),o=require("primevue/usestyle"),t=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),i=l(n),r=o.useStyle("\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n",{name:"chip",manual:!0}),a={name:"Chip",extends:{name:"BaseChip",extends:i.default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-chip p-component",{"p-chip-image":null!=e.props.image}]},icon:"p-chip-icon",label:"p-chip-text",removeIcon:"p-chip-remove-icon"},loadStyle:r.load},provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:c.default}},s=["aria-label"],p=["src"];a.render=function(e,n,o,l,c,i){return c.visible?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[t.renderSlot(e.$slots,"default",{},(function(){return[e.image?(t.openBlock(),t.createElementBlock("img",t.mergeProps({key:0,src:e.image},e.ptm("image")),null,16,p)):e.$slots.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.icon),t.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:3,class:e.cx("label")},e.ptm("label")),t.toDisplayString(e.label),17)):t.createCommentVNode("",!0)]})),e.removable?t.renderSlot(e.$slots,"removeicon",{key:0,onClick:i.close,onKeydown:i.onKeydown},(function(){return[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.removeIcon?"span":"TimesCircleIcon"),t.mergeProps({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:i.close,onKeydown:i.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):t.createCommentVNode("",!0)],16,s)):t.createCommentVNode("",!0)},module.exports=a;
+"use strict";var e=require("primevue/icons/timescircle"),o=require("primevue/basecomponent"),n=require("primevue/chip/style"),t=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),r={name:"Chip",extends:{name:"BaseChip",extends:l(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},style:l(n).default,provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:c.default}},i=["aria-label"],a=["src"];r.render=function(e,o,n,l,c,r){return c.visible?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[t.renderSlot(e.$slots,"default",{},(function(){return[e.image?(t.openBlock(),t.createElementBlock("img",t.mergeProps({key:0,src:e.image},e.ptm("image")),null,16,a)):e.$slots.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.icon),t.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:3,class:e.cx("label")},e.ptm("label")),t.toDisplayString(e.label),17)):t.createCommentVNode("",!0)]})),e.removable?t.renderSlot(e.$slots,"removeicon",{key:0,onClick:r.close,onKeydown:r.onKeydown},(function(){return[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.removeIcon?"span":"TimesCircleIcon"),t.mergeProps({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:r.close,onKeydown:r.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):t.createCommentVNode("",!0)],16,i)):t.createCommentVNode("",!0)},module.exports=r;

package/chip/chip.esm.js

@@ -1,25 +1,8 @@
 import TimesCircleIcon from 'primevue/icons/timescircle';
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
+import ChipStyle from 'primevue/chip/style';
 import { openBlock, createElementBlock, mergeProps, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, toDisplayString } from 'vue';
 
-var styles = "\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
-var classes = {
-  root: function root(_ref) {
-    var props = _ref.props;
-    return ['p-chip p-component', {
-      'p-chip-image': props.image != null
-    }];
-  },
-  icon: 'p-chip-icon',
-  label: 'p-chip-text',
-  removeIcon: 'p-chip-remove-icon'
-};
-var _useStyle = useStyle(styles, {
-    name: 'chip',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$1 = {
   name: 'BaseChip',
   "extends": BaseComponent,
@@ -45,10 +28,7 @@ var script$1 = {
       "default": undefined
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: ChipStyle,
   provide: function provide() {
     return {
       $parentInstance: this

package/chip/chip.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/timescircle";import n from"primevue/basecomponent";import{useStyle as o}from"primevue/usestyle";import{openBlock as i,createElementBlock as l,mergeProps as c,renderSlot as t,createBlock as r,resolveDynamicComponent as a,createCommentVNode as s,toDisplayString as p}from"vue";var m=o("\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n",{name:"chip",manual:!0}),u={name:"Chip",extends:{name:"BaseChip",extends:n,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-chip p-component",{"p-chip-image":null!=e.props.image}]},icon:"p-chip-icon",label:"p-chip-text",removeIcon:"p-chip-remove-icon"},loadStyle:m.load},provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:e}},d=["aria-label"],v=["src"];u.render=function(e,n,o,m,u,h){return u.visible?(i(),l("div",c({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[t(e.$slots,"default",{},(function(){return[e.image?(i(),l("img",c({key:0,src:e.image},e.ptm("image")),null,16,v)):e.$slots.icon?(i(),r(a(e.$slots.icon),c({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(i(),l("span",c({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):s("",!0),e.label?(i(),l("div",c({key:3,class:e.cx("label")},e.ptm("label")),p(e.label),17)):s("",!0)]})),e.removable?t(e.$slots,"removeicon",{key:0,onClick:h.close,onKeydown:h.onKeydown},(function(){return[(i(),r(a(e.removeIcon?"span":"TimesCircleIcon"),c({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:h.close,onKeydown:h.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):s("",!0)],16,d)):s("",!0)};export{u as default};
+import e from"primevue/icons/timescircle";import n from"primevue/basecomponent";import o from"primevue/chip/style";import{openBlock as i,createElementBlock as l,mergeProps as t,renderSlot as c,createBlock as s,resolveDynamicComponent as r,createCommentVNode as a,toDisplayString as m}from"vue";var p={name:"Chip",extends:{name:"BaseChip",extends:n,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},style:o,provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:e}},u=["aria-label"],d=["src"];p.render=function(e,n,o,p,v,y){return v.visible?(i(),l("div",t({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[c(e.$slots,"default",{},(function(){return[e.image?(i(),l("img",t({key:0,src:e.image},e.ptm("image")),null,16,d)):e.$slots.icon?(i(),s(r(e.$slots.icon),t({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(i(),l("span",t({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):a("",!0),e.label?(i(),l("div",t({key:3,class:e.cx("label")},e.ptm("label")),m(e.label),17)):a("",!0)]})),e.removable?c(e.$slots,"removeicon",{key:0,onClick:y.close,onKeydown:y.onKeydown},(function(){return[(i(),s(r(e.removeIcon?"span":"TimesCircleIcon"),t({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:y.close,onKeydown:y.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):a("",!0)],16,u)):a("",!0)};export{p as default};

package/chip/chip.js

@@ -1,29 +1,13 @@
 this.primevue = this.primevue || {};
-this.primevue.chip = (function (TimesCircleIcon, BaseComponent, usestyle, vue) {
+this.primevue.chip = (function (TimesCircleIcon, BaseComponent, ChipStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var TimesCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesCircleIcon);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+    var ChipStyle__default = /*#__PURE__*/_interopDefaultLegacy(ChipStyle);
 
-    var styles = "\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
-    var classes = {
-      root: function root(_ref) {
-        var props = _ref.props;
-        return ['p-chip p-component', {
-          'p-chip-image': props.image != null
-        }];
-      },
-      icon: 'p-chip-icon',
-      label: 'p-chip-text',
-      removeIcon: 'p-chip-remove-icon'
-    };
-    var _useStyle = usestyle.useStyle(styles, {
-        name: 'chip',
-        manual: true
-      }),
-      loadStyle = _useStyle.load;
     var script$1 = {
       name: 'BaseChip',
       "extends": BaseComponent__default["default"],
@@ -49,10 +33,7 @@ this.primevue.chip = (function (TimesCircleIcon, BaseComponent, usestyle, vue) {
           "default": undefined
         }
       },
-      css: {
-        classes: classes,
-        loadStyle: loadStyle
-      },
+      style: ChipStyle__default["default"],
       provide: function provide() {
         return {
           $parentInstance: this
@@ -126,4 +107,4 @@ this.primevue.chip = (function (TimesCircleIcon, BaseComponent, usestyle, vue) {
 
     return script;
 
-})(primevue.icons.timescircle, primevue.basecomponent, primevue.usestyle, Vue);
+})(primevue.icons.timescircle, primevue.basecomponent, primevue.chip.style, Vue);

package/chip/chip.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.chip=function(e,n,o,t){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e),l=i(n),r=o.useStyle("\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n    \n    .p-chip-text {\n        line-height: 1.5;\n    }\n    \n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n    \n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n",{name:"chip",manual:!0}),a={name:"Chip",extends:{name:"BaseChip",extends:l.default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-chip p-component",{"p-chip-image":null!=e.props.image}]},icon:"p-chip-icon",label:"p-chip-text",removeIcon:"p-chip-remove-icon"},loadStyle:r.load},provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:c.default}},s=["aria-label"],p=["src"];return a.render=function(e,n,o,i,c,l){return c.visible?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[t.renderSlot(e.$slots,"default",{},(function(){return[e.image?(t.openBlock(),t.createElementBlock("img",t.mergeProps({key:0,src:e.image},e.ptm("image")),null,16,p)):e.$slots.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.icon),t.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:3,class:e.cx("label")},e.ptm("label")),t.toDisplayString(e.label),17)):t.createCommentVNode("",!0)]})),e.removable?t.renderSlot(e.$slots,"removeicon",{key:0,onClick:l.close,onKeydown:l.onKeydown},(function(){return[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.removeIcon?"span":"TimesCircleIcon"),t.mergeProps({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:l.close,onKeydown:l.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):t.createCommentVNode("",!0)],16,s)):t.createCommentVNode("",!0)},a}(primevue.icons.timescircle,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.chip=function(e,o,n,t){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),r={name:"Chip",extends:{name:"BaseChip",extends:l(o).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},style:l(n).default,provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:c.default}},i=["aria-label"],a=["src"];return r.render=function(e,o,n,l,c,r){return c.visible?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[t.renderSlot(e.$slots,"default",{},(function(){return[e.image?(t.openBlock(),t.createElementBlock("img",t.mergeProps({key:0,src:e.image},e.ptm("image")),null,16,a)):e.$slots.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.icon),t.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:3,class:e.cx("label")},e.ptm("label")),t.toDisplayString(e.label),17)):t.createCommentVNode("",!0)]})),e.removable?t.renderSlot(e.$slots,"removeicon",{key:0,onClick:r.close,onKeydown:r.onKeydown},(function(){return[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.removeIcon?"span":"TimesCircleIcon"),t.mergeProps({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:r.close,onKeydown:r.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):t.createCommentVNode("",!0)],16,i)):t.createCommentVNode("",!0)},r}(primevue.icons.timescircle,primevue.basecomponent,primevue.chip.style,Vue);

package/chip/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "./chip.cjs.js",
-  "module": "./chip.esm.js",
-  "unpkg": "./chip.min.js",
-  "types": "./Chip.d.ts",
-  "browser": {
-    "./sfc": "./Chip.vue"
-  }
-}
+    "main": "./chip.cjs.js",
+    "module": "./chip.esm.js",
+    "unpkg": "./chip.min.js",
+    "types": "./Chip.d.ts",
+    "browser": {
+        "./sfc": "./Chip.vue"
+    }
+}

package/chip/style/ChipStyle.d.ts

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

package/chip/style/chipstyle.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var BaseStyle = require('primevue/base/style');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+var css = "\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-chip-text {\n        line-height: 1.5;\n    }\n\n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n\n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return ['p-chip p-component', {
+      'p-chip-image': props.image != null
+    }];
+  },
+  icon: 'p-chip-icon',
+  label: 'p-chip-text',
+  removeIcon: 'p-chip-remove-icon'
+};
+var ChipStyle = BaseStyle__default["default"].extend({
+  name: 'chip',
+  css: css,
+  classes: classes
+});
+
+module.exports = ChipStyle;

package/chip/style/chipstyle.cjs.min.js

@@ -0,0 +1 @@
+"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"chip",css:"\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-chip-text {\n        line-height: 1.5;\n    }\n\n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n\n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n",classes:{root:function(n){return["p-chip p-component",{"p-chip-image":null!=n.props.image}]},icon:"p-chip-icon",label:"p-chip-text",removeIcon:"p-chip-remove-icon"}});module.exports=e;

package/chip/style/chipstyle.esm.js

@@ -0,0 +1,21 @@
+import BaseStyle from 'primevue/base/style';
+
+var css = "\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-chip-text {\n        line-height: 1.5;\n    }\n\n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n\n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return ['p-chip p-component', {
+      'p-chip-image': props.image != null
+    }];
+  },
+  icon: 'p-chip-icon',
+  label: 'p-chip-text',
+  removeIcon: 'p-chip-remove-icon'
+};
+var ChipStyle = BaseStyle.extend({
+  name: 'chip',
+  css: css,
+  classes: classes
+});
+
+export { ChipStyle as default };

package/chip/style/chipstyle.esm.min.js

@@ -0,0 +1 @@
+import n from"primevue/base/style";var e=n.extend({name:"chip",css:"\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-chip-text {\n        line-height: 1.5;\n    }\n\n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n\n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n",classes:{root:function(n){return["p-chip p-component",{"p-chip-image":null!=n.props.image}]},icon:"p-chip-icon",label:"p-chip-text",removeIcon:"p-chip-remove-icon"}});export{e as default};

package/chip/style/chipstyle.js

@@ -0,0 +1,30 @@
+this.primevue = this.primevue || {};
+this.primevue.chip = this.primevue.chip || {};
+this.primevue.chip.style = (function (BaseStyle) {
+    'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
+
+    var css = "\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-chip-text {\n        line-height: 1.5;\n    }\n\n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n\n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n";
+    var classes = {
+      root: function root(_ref) {
+        var props = _ref.props;
+        return ['p-chip p-component', {
+          'p-chip-image': props.image != null
+        }];
+      },
+      icon: 'p-chip-icon',
+      label: 'p-chip-text',
+      removeIcon: 'p-chip-remove-icon'
+    };
+    var ChipStyle = BaseStyle__default["default"].extend({
+      name: 'chip',
+      css: css,
+      classes: classes
+    });
+
+    return ChipStyle;
+
+})(primevue.base.style);

package/chip/style/chipstyle.min.js

@@ -0,0 +1 @@
+this.primevue=this.primevue||{},this.primevue.chip=this.primevue.chip||{},this.primevue.chip.style=function(e){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return i(primevue.base.style).default.extend({name:"chip",css:"\n@layer primevue {\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n    }\n\n    .p-chip-text {\n        line-height: 1.5;\n    }\n\n    .p-chip-icon.pi {\n        line-height: 1.5;\n    }\n\n    .p-chip-remove-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n\n    .p-chip img {\n        border-radius: 50%;\n    }\n}\n",classes:{root:function(e){return["p-chip p-component",{"p-chip-image":null!=e.props.image}]},icon:"p-chip-icon",label:"p-chip-text",removeIcon:"p-chip-remove-icon"}})}();

package/chip/style/package.json

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