@sk-web-gui/core 3.14.0 → 3.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/cjs/aria-plugin.js +1 -2
  2. package/dist/cjs/aria-plugin.js.map +1 -1
  3. package/dist/cjs/components/accordion.js +16 -14
  4. package/dist/cjs/components/accordion.js.map +1 -1
  5. package/dist/cjs/components/input.js +103 -4
  6. package/dist/cjs/components/input.js.map +1 -1
  7. package/dist/cjs/components/logo.js +1 -1
  8. package/dist/cjs/components/logo.js.map +1 -1
  9. package/dist/cjs/data-plugin.js +1 -2
  10. package/dist/cjs/data-plugin.js.map +1 -1
  11. package/dist/cjs/index.js +6 -6
  12. package/dist/cjs/index.js.map +1 -1
  13. package/dist/cjs/plugin.js +4 -5
  14. package/dist/cjs/plugin.js.map +1 -1
  15. package/dist/cjs/with-opacity.js +1 -2
  16. package/dist/cjs/with-opacity.js.map +1 -1
  17. package/dist/esm/aria-plugin.js +1 -2
  18. package/dist/esm/aria-plugin.js.map +1 -1
  19. package/dist/esm/components/accordion.js +16 -14
  20. package/dist/esm/components/accordion.js.map +1 -1
  21. package/dist/esm/components/input.js +103 -4
  22. package/dist/esm/components/input.js.map +1 -1
  23. package/dist/esm/components/logo.js +1 -1
  24. package/dist/esm/components/logo.js.map +1 -1
  25. package/dist/esm/data-plugin.js +1 -2
  26. package/dist/esm/data-plugin.js.map +1 -1
  27. package/dist/esm/plugin.js +1 -2
  28. package/dist/esm/plugin.js.map +1 -1
  29. package/dist/esm/with-opacity.js +1 -2
  30. package/dist/esm/with-opacity.js.map +1 -1
  31. package/dist/types/components/accordion.d.ts +15 -13
  32. package/dist/types/components/input.d.ts +112 -0
  33. package/dist/types/components/logo.d.ts +1 -1
  34. package/package.json +5 -5
package/dist/cjs/aria-plugin.js CHANGED
@@ -14,8 +14,7 @@ function _interop_require_default(obj) {
14
14
  default: obj
15
15
  };
16
16
  }
17
- const AriaAttributes = (0, _plugin.default)(function(param) {
18
- let { addVariant } = param;
17
+ const AriaAttributes = (0, _plugin.default)(function({ addVariant }) {
19
18
  const attributes = {
20
19
  checked: [
21
20
  'true',
package/dist/cjs/aria-plugin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n const attributes: Record<string, Array<string>> = {\r\n checked: ['true', 'false', 'mixed'],\r\n disabled: ['true', 'false'],\r\n expanded: ['true', 'false'],\r\n hidden: ['true', 'false'],\r\n orientation: ['horizontal', 'vertical'],\r\n readonly: ['true', 'false'],\r\n required: ['true', 'false'],\r\n selected: ['true', 'false'],\r\n sort: ['none', 'ascending', 'descending', 'other'],\r\n };\r\n\r\n Object.keys(attributes).forEach((key) => {\r\n attributes[key].forEach((element) => {\r\n let selector = `aria-${key}-${element}`;\r\n if (element == 'true') {\r\n selector = `aria-${key}`;\r\n } else if (element == 'false') {\r\n selector = `aria-!${key}`;\r\n }\r\n addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n });\r\n });\r\n\r\n const specialAttributes: Record<string, Array<string>> = {\r\n haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n };\r\n\r\n Object.keys(specialAttributes).forEach((key) => {\r\n const elements = specialAttributes[key];\r\n const selector = `aria-${key}`;\r\n addVariant(\r\n selector,\r\n elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n );\r\n });\r\n\r\n Object.keys(specialAttributes).forEach((key) => {\r\n const selector = `aria-!${key}`;\r\n addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n });\r\n});\r\n"],"names":["AriaAttributes","TailwindPlugin","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":";;;;+BAEaA;;;eAAAA;;;+DAFc;;;;;;AAEpB,MAAMA,iBAAiBC,IAAAA,eAAc,EAAC,SAAU,KAAc;QAAd,EAAEC,UAAU,EAAE,GAAd;IACrD,MAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,CAACC;QAC/Bb,UAAU,CAACa,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;IAEA,MAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,MAAME,WAAW,CAAC,KAAK,EAAEF,KAAK;QAC9Bd,WACEgB,UACAI,SAASC,GAAG,CAAC,CAACN,UAAY,CAAC,OAAO,EAAED,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;IAE3D;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAME,WAAW,CAAC,MAAM,EAAEF,KAAK;QAC/Bd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;IAClD;AACF"}
1
+ {"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n const attributes: Record<string, Array<string>> = {\r\n checked: ['true', 'false', 'mixed'],\r\n disabled: ['true', 'false'],\r\n expanded: ['true', 'false'],\r\n hidden: ['true', 'false'],\r\n orientation: ['horizontal', 'vertical'],\r\n readonly: ['true', 'false'],\r\n required: ['true', 'false'],\r\n selected: ['true', 'false'],\r\n sort: ['none', 'ascending', 'descending', 'other'],\r\n };\r\n\r\n Object.keys(attributes).forEach((key) => {\r\n attributes[key].forEach((element) => {\r\n let selector = `aria-${key}-${element}`;\r\n if (element == 'true') {\r\n selector = `aria-${key}`;\r\n } else if (element == 'false') {\r\n selector = `aria-!${key}`;\r\n }\r\n addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n });\r\n });\r\n\r\n const specialAttributes: Record<string, Array<string>> = {\r\n haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n };\r\n\r\n Object.keys(specialAttributes).forEach((key) => {\r\n const elements = specialAttributes[key];\r\n const selector = `aria-${key}`;\r\n addVariant(\r\n selector,\r\n elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n );\r\n });\r\n\r\n Object.keys(specialAttributes).forEach((key) => {\r\n const selector = `aria-!${key}`;\r\n addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n });\r\n});\r\n"],"names":["AriaAttributes","TailwindPlugin","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":";;;;+BAEaA;;;eAAAA;;;+DAFc;;;;;;AAEpB,MAAMA,iBAAiBC,IAAAA,eAAc,EAAC,SAAU,EAAEC,UAAU,EAAE;IACnE,MAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,CAACC;QAC/Bb,UAAU,CAACa,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;IAEA,MAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,MAAME,WAAW,CAAC,KAAK,EAAEF,KAAK;QAC9Bd,WACEgB,UACAI,SAASC,GAAG,CAAC,CAACN,UAAY,CAAC,OAAO,EAAED,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;IAE3D;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAME,WAAW,CAAC,MAAM,EAAEF,KAAK;QAC/Bd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;IAClD;AACF"}
package/dist/cjs/components/accordion.js CHANGED
@@ -69,7 +69,7 @@ const Accordion = ()=>({
69
69
  '.sk-disclosure-toggle': {
70
70
  '@apply gap-12': {},
71
71
  '.sk-icon': {
72
- '@apply w-20 h-20': {}
72
+ '@apply w-20 min-h-20': {}
73
73
  }
74
74
  },
75
75
  '.sk-disclosure-support': {
@@ -78,7 +78,7 @@ const Accordion = ()=>({
78
78
  '&[data-variant="default"]': {
79
79
  '.sk-disclosure-toggle': {
80
80
  '@apply py-4': {},
81
- '@apply h-40': {}
81
+ '@apply min-h-40': {}
82
82
  },
83
83
  '.sk-disclosure-header-icon': {
84
84
  '@apply w-32 h-32': {}
@@ -96,7 +96,7 @@ const Accordion = ()=>({
96
96
  '.sk-disclosure-toggle': {
97
97
  '@apply gap-12': {},
98
98
  '.sk-icon': {
99
- '@apply w-24 h-24': {}
99
+ '@apply w-24 min-h-24': {}
100
100
  }
101
101
  },
102
102
  '.sk-disclosure-support': {
@@ -105,7 +105,7 @@ const Accordion = ()=>({
105
105
  '&[data-variant="default"]': {
106
106
  '.sk-disclosure-toggle': {
107
107
  '@apply py-8': {},
108
- '@apply h-56': {}
108
+ '@apply min-h-56': {}
109
109
  },
110
110
  '.sk-disclosure-header-icon': {
111
111
  '@apply w-40 h-40': {}
@@ -126,21 +126,28 @@ const Accordion = ()=>({
126
126
  }
127
127
  },
128
128
  '&-body': {
129
+ '&[data-size="sm"]': {
130
+ '@apply pr-12': {}
131
+ },
132
+ '&[data-size="md"]': {
133
+ '@apply pr-12': {}
134
+ },
135
+ '&[data-size="lg"]': {
136
+ '@apply pr-16': {}
137
+ },
129
138
  '@apply text-base': {},
130
139
  '@apply flex flex-col': {},
131
140
  '@apply mb-32': {},
132
141
  '@apply mr-32': {},
133
142
  '@apply gap-8': {},
134
143
  '@apply py-0': {},
135
- '@apply h-0 overflow-hidden': {},
136
- transitionProperty: 'visibility, height, padding, margin',
137
- transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
144
+ transitionProperty: 'visibility, height, opacity, padding, margin',
138
145
  transitionDuration: '180ms',
139
146
  '&[aria-hidden="true"], &[data-hidden="true"]': {
140
- '@apply my-0 invisible h-0': {}
147
+ '@apply my-0 invisible max-h-0 opacity-0': {}
141
148
  },
142
149
  '&[aria-hidden="false"], &[data-hidden="false"]': {
143
- '@apply block h-max visible': {}
150
+ '@apply block max-h-screen opacity-100 visible': {}
144
151
  },
145
152
  '&[data-variant="alt"]': {
146
153
  '@apply mt-24': {},
@@ -165,11 +172,6 @@ const Accordion = ()=>({
165
172
  }
166
173
  }
167
174
  }
168
- },
169
- '&-is-open': {
170
- '.sk-disclosure-body': {
171
- '@apply overflow-visible animate-reset-overflow': {}
172
- }
173
175
  }
174
176
  },
175
177
  '.sk-accordion': {
package/dist/cjs/components/accordion.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n '.sk-disclosure': {\r\n '&-icon': {\r\n '@apply flex self-center': {},\r\n },\r\n '&-header': {\r\n '@apply mt-6 mb-8': {},\r\n '@apply flex flex-col text-left': {},\r\n '@apply cursor-pointer': {},\r\n '*': {\r\n '@apply cursor-pointer': {},\r\n },\r\n '&:focus-visible': {\r\n '@apply outline-0': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto': {},\r\n '@apply text-dark-secondary': {},\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&[data-disabled=\"true\"]': {\r\n '@apply text-dark-disabled': {},\r\n '.sk-disclosure-title': {\r\n '@apply text-dark-disabled': {},\r\n },\r\n '@apply cursor-default': {},\r\n '*': {\r\n '@apply cursor-default': {},\r\n },\r\n },\r\n },\r\n '&-label': {\r\n '@apply shrink-0': {},\r\n },\r\n '&-toggle': {\r\n '@apply flex items-center justify-between': {},\r\n '@apply gap-16': {},\r\n '.sk-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&-title': {\r\n '@apply text-dark-primary': {},\r\n '&-wrapper': {\r\n '@apply w-full': {},\r\n '@apply flex flex-row': {},\r\n '@apply items-center': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '.sk-disclosure-title': {\r\n '@apply text-h4-sm font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-12': {},\r\n },\r\n },\r\n '.sk-disclosure-toggle': {\r\n '@apply gap-12': {},\r\n '.sk-icon': {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '.sk-disclosure-support': {\r\n '@apply text-small': {},\r\n },\r\n '&[data-variant=\"default\"]': {\r\n '.sk-disclosure-toggle': {\r\n '@apply py-4': {},\r\n '@apply h-40': {},\r\n },\r\n '.sk-disclosure-header-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&[data-variant=\"alt\"]': {},\r\n },\r\n '&-md': {\r\n '.sk-disclosure-title': {\r\n '@apply text-h4-md font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-12': {},\r\n },\r\n },\r\n '.sk-disclosure-toggle': {\r\n '@apply gap-12': {},\r\n '.sk-icon': {\r\n '@apply w-24 h-24': {},\r\n },\r\n },\r\n '.sk-disclosure-support': {\r\n '@apply text-body': {},\r\n },\r\n '&[data-variant=\"default\"]': {\r\n '.sk-disclosure-toggle': {\r\n '@apply py-8': {},\r\n '@apply h-56': {},\r\n },\r\n '.sk-disclosure-header-icon': {\r\n '@apply w-40 h-40': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '&[data-variant=\"alt\"]': {\r\n '.sk-disclosure-support': {\r\n '@apply text-large': {},\r\n },\r\n '.sk-disclosure-title': {\r\n '@apply text-h3-md font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-16': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-body': {\r\n '@apply text-base': {},\r\n '@apply flex flex-col': {},\r\n '@apply mb-32': {},\r\n '@apply mr-32': {},\r\n '@apply gap-8': {},\r\n '@apply py-0': {},\r\n '@apply h-0 overflow-hidden': {},\r\n transitionProperty: 'visibility, height, padding, margin',\r\n transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\r\n transitionDuration: '180ms',\r\n\r\n '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n '@apply my-0 invisible h-0': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block h-max visible': {},\r\n },\r\n\r\n '&[data-variant=\"alt\"]': {\r\n '@apply mt-24': {},\r\n '&[data-size=\"sm\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply pr-16': {},\r\n },\r\n '&[data-has-icon=\"true\"]': {\r\n '&[data-size=\"sm\"]': {\r\n '@apply ml-32': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply ml-36': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply ml-48': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-is-open': {\r\n '.sk-disclosure-body': {\r\n '@apply overflow-visible animate-reset-overflow': {},\r\n },\r\n },\r\n },\r\n '.sk-accordion': {\r\n '&-item': {\r\n '.sk-disclosure': {\r\n transitionProperty: 'margin',\r\n transitionDuration: '180ms',\r\n '@apply border-b-1 border-divider': {},\r\n },\r\n\r\n '&:last-child .sk-disclosure': {\r\n '@apply border-b-transparent': {},\r\n },\r\n },\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '&.sk-disclosure': {\r\n '&-icon': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n '&[data-disabled=\"true\"]': {\r\n '@apply text-inverted-dark-disabled': {},\r\n '.sk-disclosure-title': {\r\n '@apply text-inverted-dark-disabled': {},\r\n },\r\n },\r\n\r\n '&-title': {\r\n '@apply text-inverted-dark-primary': {},\r\n },\r\n },\r\n '&.sk-accordion': {\r\n '&-item': {\r\n '@apply border-inverted-divider': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionTimingFunction","transitionDuration"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n '.sk-disclosure': {\r\n '&-icon': {\r\n '@apply flex self-center': {},\r\n },\r\n '&-header': {\r\n '@apply mt-6 mb-8': {},\r\n '@apply flex flex-col text-left': {},\r\n '@apply cursor-pointer': {},\r\n '*': {\r\n '@apply cursor-pointer': {},\r\n },\r\n '&:focus-visible': {\r\n '@apply outline-0': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto': {},\r\n '@apply text-dark-secondary': {},\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&[data-disabled=\"true\"]': {\r\n '@apply text-dark-disabled': {},\r\n '.sk-disclosure-title': {\r\n '@apply text-dark-disabled': {},\r\n },\r\n '@apply cursor-default': {},\r\n '*': {\r\n '@apply cursor-default': {},\r\n },\r\n },\r\n },\r\n '&-label': {\r\n '@apply shrink-0': {},\r\n },\r\n '&-toggle': {\r\n '@apply flex items-center justify-between': {},\r\n '@apply gap-16': {},\r\n '.sk-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&-title': {\r\n '@apply text-dark-primary': {},\r\n '&-wrapper': {\r\n '@apply w-full': {},\r\n '@apply flex flex-row': {},\r\n '@apply items-center': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '.sk-disclosure-title': {\r\n '@apply text-h4-sm font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-12': {},\r\n },\r\n },\r\n '.sk-disclosure-toggle': {\r\n '@apply gap-12': {},\r\n '.sk-icon': {\r\n '@apply w-20 min-h-20': {},\r\n },\r\n },\r\n '.sk-disclosure-support': {\r\n '@apply text-small': {},\r\n },\r\n '&[data-variant=\"default\"]': {\r\n '.sk-disclosure-toggle': {\r\n '@apply py-4': {},\r\n '@apply min-h-40': {},\r\n },\r\n '.sk-disclosure-header-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&[data-variant=\"alt\"]': {},\r\n },\r\n '&-md': {\r\n '.sk-disclosure-title': {\r\n '@apply text-h4-md font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-12': {},\r\n },\r\n },\r\n '.sk-disclosure-toggle': {\r\n '@apply gap-12': {},\r\n '.sk-icon': {\r\n '@apply w-24 min-h-24': {},\r\n },\r\n },\r\n '.sk-disclosure-support': {\r\n '@apply text-body': {},\r\n },\r\n '&[data-variant=\"default\"]': {\r\n '.sk-disclosure-toggle': {\r\n '@apply py-8': {},\r\n '@apply min-h-56': {},\r\n },\r\n '.sk-disclosure-header-icon': {\r\n '@apply w-40 h-40': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '&[data-variant=\"alt\"]': {\r\n '.sk-disclosure-support': {\r\n '@apply text-large': {},\r\n },\r\n '.sk-disclosure-title': {\r\n '@apply text-h3-md font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-16': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-body': {\r\n '&[data-size=\"sm\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply pr-16': {},\r\n },\r\n '@apply text-base': {},\r\n '@apply flex flex-col': {},\r\n '@apply mb-32': {},\r\n '@apply mr-32': {},\r\n '@apply gap-8': {},\r\n '@apply py-0': {},\r\n transitionProperty: 'visibility, height, opacity, padding, margin',\r\n\r\n transitionDuration: '180ms',\r\n\r\n '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n '@apply my-0 invisible max-h-0 opacity-0': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block max-h-screen opacity-100 visible': {},\r\n },\r\n\r\n '&[data-variant=\"alt\"]': {\r\n '@apply mt-24': {},\r\n '&[data-size=\"sm\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply pr-16': {},\r\n },\r\n '&[data-has-icon=\"true\"]': {\r\n '&[data-size=\"sm\"]': {\r\n '@apply ml-32': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply ml-36': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply ml-48': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n '.sk-accordion': {\r\n '&-item': {\r\n '.sk-disclosure': {\r\n transitionProperty: 'margin',\r\n transitionDuration: '180ms',\r\n '@apply border-b-1 border-divider': {},\r\n },\r\n\r\n '&:last-child .sk-disclosure': {\r\n '@apply border-b-transparent': {},\r\n },\r\n },\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '&.sk-disclosure': {\r\n '&-icon': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n '&[data-disabled=\"true\"]': {\r\n '@apply text-inverted-dark-disabled': {},\r\n '.sk-disclosure-title': {\r\n '@apply text-inverted-dark-disabled': {},\r\n },\r\n },\r\n\r\n '&-title': {\r\n '@apply text-inverted-dark-primary': {},\r\n },\r\n },\r\n '&.sk-accordion': {\r\n '&-item': {\r\n '@apply border-inverted-divider': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionDuration"],"mappings":"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"}
package/dist/cjs/components/input.js CHANGED
@@ -92,9 +92,94 @@ function addin() {
92
92
  }
93
93
  };
94
94
  }
95
+ function addon() {
96
+ return {
97
+ '&-addon': {
98
+ '@apply flex relative': {},
99
+ '@apply items-center': {},
100
+ '@apply focus-within:ring': {},
101
+ '@apply focus-within:ring-ring': {},
102
+ '@apply text-dark-secondary': {},
103
+ //Focus
104
+ '@apply focus-within:border-input-field-surface': {},
105
+ '&:not(:invalid):not([aria-invalid="true"])': {
106
+ '@apply focus-within:border-input-field-surface': {}
107
+ },
108
+ '&&-lg': {
109
+ '@apply text-input-large': {},
110
+ '@apply rounded-button-lg': {},
111
+ '@apply h-48': {}
112
+ },
113
+ '&&-md': {
114
+ '@apply text-input-medium': {},
115
+ '@apply rounded-button-md': {},
116
+ '@apply h-40': {}
117
+ },
118
+ '&&-sm': {
119
+ '@apply text-input-small': {},
120
+ '@apply rounded-button-sm': {},
121
+ '@apply h-32': {}
122
+ },
123
+ '&&-left': {
124
+ '@apply rounded-r-0': {},
125
+ '@apply border-r-0': {}
126
+ },
127
+ '&&-right': {
128
+ '@apply rounded-l-0': {},
129
+ '@apply border-l-0': {}
130
+ },
131
+ ...inputStandards(),
132
+ '.sk-form-input': {
133
+ '@apply rounded-0': {},
134
+ '@apply border-0': {},
135
+ '@apply focus:ring-0': {},
136
+ '@apply focus:ring-offset-0': {},
137
+ '@apply bg-transparent': {},
138
+ '@apply dark:bg-transparent': {},
139
+ '@apply grow': {}
140
+ },
141
+ '.sk-form-select': {
142
+ '@apply rounded-0': {},
143
+ '@apply border-0 hover:border-0': {},
144
+ '@apply focus:ring-0 focus:z-10': {},
145
+ '@apply focus:ring-offset-0': {},
146
+ '@apply bg-transparent hover:bg-transparent': {},
147
+ '@apply dark:bg-transparent hover:dark:bg-transparent': {},
148
+ '@apply grow': {}
149
+ },
150
+ '&&-left .sk-form-select': {
151
+ '@apply border-r-1 border-r-divider': {},
152
+ '@apply focus:border-r-transparent': {}
153
+ },
154
+ '&&-right .sk-form-select': {
155
+ '@apply border-l-1 border-l-divider': {},
156
+ '@apply focus:border-l-transparent': {}
157
+ },
158
+ '.sk-form-combobox': {
159
+ '@apply rounded-0': {},
160
+ '@apply border-0': {},
161
+ '@apply focus-within:ring-0': {},
162
+ '@apply focus-within:ring-offset-0': {},
163
+ '@apply bg-transparent': {},
164
+ '@apply dark:bg-transparent': {}
165
+ },
166
+ '&&-left .sk-form-combobox': {
167
+ '@apply border-r-1 border-r-divider': {},
168
+ '@apply focus:border-r-transparent': {}
169
+ },
170
+ '&&-right .sk-form-combobox': {
171
+ '@apply border-l-1 border-l-divider': {},
172
+ '@apply focus:border-l-transparent': {}
173
+ }
174
+ }
175
+ };
176
+ }
95
177
  function inputGroup() {
96
178
  return {
97
179
  '&-group': {
180
+ '&-wrapper': {
181
+ '@apply flex gap-0': {}
182
+ },
98
183
  '@apply flex relative': {},
99
184
  '@apply items-center': {},
100
185
  '@apply focus-within:ring': {},
@@ -107,15 +192,28 @@ function inputGroup() {
107
192
  },
108
193
  '&&-lg': {
109
194
  '@apply text-input-large': {},
110
- '@apply rounded-button-lg': {}
195
+ '@apply rounded-button-lg': {},
196
+ '@apply h-48': {}
111
197
  },
112
198
  '&&-md': {
113
199
  '@apply text-input-medium': {},
114
- '@apply rounded-button-md': {}
200
+ '@apply rounded-button-md': {},
201
+ '@apply h-40': {}
115
202
  },
116
203
  '&&-sm': {
117
204
  '@apply text-input-small': {},
118
- '@apply rounded-button-sm': {}
205
+ '@apply rounded-button-sm': {},
206
+ '@apply h-32': {}
207
+ },
208
+ '&[data-hasleftaddon="true"]': {
209
+ '@apply pl-0': {},
210
+ '@apply rounded-l-0': {},
211
+ '@apply border-l-0': {}
212
+ },
213
+ '&[data-hasrightaddon="true"]': {
214
+ '@apply pr-0': {},
215
+ '@apply rounded-r-0': {},
216
+ '@apply border-r-0': {}
119
217
  },
120
218
  ...inputStandards(),
121
219
  '.sk-form-input': {
@@ -246,7 +344,8 @@ const Input = ()=>({
246
344
  ...timeAndDatePicker(),
247
345
  ...inputStandards(),
248
346
  ...inputGroup(),
249
- ...addin()
347
+ ...addin(),
348
+ ...addon()
250
349
  }
251
350
  });
252
351
 
package/dist/cjs/components/input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '@apply flex relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","inputGroup","timeAndDatePicker","mask","maskSize","display","margin"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction addon() {\r\n return {\r\n '&-addon': {\r\n '@apply flex relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-left': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n '&&-right': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '.sk-form-select': {\r\n '@apply rounded-0': {},\r\n '@apply border-0 hover:border-0': {},\r\n '@apply focus:ring-0 focus:z-10': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent hover:bg-transparent': {},\r\n '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '&&-left .sk-form-select': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-select': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:ring-0': {},\r\n '@apply focus-within:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n },\r\n '&&-left .sk-form-combobox': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-combobox': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n },\r\n };\r\n}\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '&-wrapper': {\r\n '@apply flex gap-0': {},\r\n },\r\n '@apply flex relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&[data-hasleftaddon=\"true\"]': {\r\n '@apply pl-0': {},\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '@apply pr-0': {},\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n ...addon(),\r\n },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","display","margin"],"mappings":"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"}
package/dist/cjs/components/logo.js CHANGED
@@ -28,7 +28,7 @@ const Logo = ()=>({
28
28
  '@apply h-60': {},
29
29
  '@apply pb-4': {},
30
30
  '.sk-logo-figure': {
31
- '@apply w-auto h-56': {}
31
+ '@apply w-34 h-56': {}
32
32
  }
33
33
  },
34
34
  'a:focus-within &': {
package/dist/cjs/components/logo.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n '.sk-logo': {\r\n '@apply flex w-auto h-auto': {},\r\n '@apply items-center': {},\r\n '@apply text-dark-primary': {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-light-primary': {},\r\n '.sk-logo-divider': {\r\n '@apply border-inverted-divider': {},\r\n },\r\n },\r\n\r\n '&-figure': {\r\n '@apply w-full h-full': {},\r\n },\r\n '&[data-variant=\"service\"]': {\r\n '@apply flex-row gap-6': {},\r\n '@apply w-max': {},\r\n '@apply h-60': {},\r\n '@apply pb-4': {},\r\n '.sk-logo-figure': {\r\n '@apply w-auto h-56': {},\r\n },\r\n },\r\n 'a:focus-within &': {\r\n '@apply outline outline-2 outline-ring': {},\r\n },\r\n 'a &': {\r\n '@apply no-underline': {},\r\n },\r\n 'a:hover &': {\r\n '@apply underline': {},\r\n },\r\n '&-service-content': {\r\n '@apply h-full w-max': {},\r\n '@apply flex flex-col justify-center': {},\r\n '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n },\r\n '&-title': {\r\n '@apply font-header text-logo-header': {},\r\n },\r\n '&-subtitle': {\r\n '@apply text-small font-normal block': {},\r\n },\r\n '&-divider': {\r\n '@apply pt-8 pb-4': {},\r\n },\r\n },\r\n});\r\n"],"names":["Logo"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,sBAAsB,CAAC;gBACzB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA"}
1
+ {"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n '.sk-logo': {\r\n '@apply flex w-auto h-auto': {},\r\n '@apply items-center': {},\r\n '@apply text-dark-primary': {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-light-primary': {},\r\n '.sk-logo-divider': {\r\n '@apply border-inverted-divider': {},\r\n },\r\n },\r\n\r\n '&-figure': {\r\n '@apply w-full h-full': {},\r\n },\r\n '&[data-variant=\"service\"]': {\r\n '@apply flex-row gap-6': {},\r\n '@apply w-max': {},\r\n '@apply h-60': {},\r\n '@apply pb-4': {},\r\n '.sk-logo-figure': {\r\n '@apply w-34 h-56': {},\r\n },\r\n },\r\n 'a:focus-within &': {\r\n '@apply outline outline-2 outline-ring': {},\r\n },\r\n 'a &': {\r\n '@apply no-underline': {},\r\n },\r\n 'a:hover &': {\r\n '@apply underline': {},\r\n },\r\n '&-service-content': {\r\n '@apply h-full w-max': {},\r\n '@apply flex flex-col justify-center': {},\r\n '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n },\r\n '&-title': {\r\n '@apply font-header text-logo-header': {},\r\n },\r\n '&-subtitle': {\r\n '@apply text-small font-normal block': {},\r\n },\r\n '&-divider': {\r\n '@apply pt-8 pb-4': {},\r\n },\r\n },\r\n});\r\n"],"names":["Logo"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,oBAAoB,CAAC;gBACvB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA"}
package/dist/cjs/data-plugin.js CHANGED
@@ -14,8 +14,7 @@ function _interop_require_default(obj) {
14
14
  default: obj
15
15
  };
16
16
  }
17
- const DataAttributes = (0, _plugin.default)(function(param) {
18
- let { addVariant } = param;
17
+ const DataAttributes = (0, _plugin.default)(function({ addVariant }) {
19
18
  const attributes = {
20
19
  open: [
21
20
  'true',
package/dist/cjs/data-plugin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/data-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const DataAttributes = TailwindPlugin(function ({ addVariant }) {\r\n const attributes: Record<string, Array<string>> = {\r\n open: ['true', 'false'],\r\n rounded: ['true', 'false'],\r\n inverted: ['true', 'false'],\r\n size: ['xs', 'sm', 'md', 'lg', 'xl'],\r\n variant: ['primary', 'secondary', 'tertiary', 'default', 'alt'],\r\n accent: ['true', 'false'],\r\n background: ['true', 'false'],\r\n };\r\n\r\n Object.keys(attributes).forEach((key) => {\r\n attributes[key].forEach((element) => {\r\n let selector = `data-${key}-${element}`;\r\n if (element == 'true') {\r\n selector = `data-${key}`;\r\n } else if (element == 'false') {\r\n selector = `data-!${key}`;\r\n }\r\n addVariant(selector, `&[data-${key}=\"${element}\"]`);\r\n });\r\n });\r\n});\r\n"],"names":["DataAttributes","TailwindPlugin","addVariant","attributes","open","rounded","inverted","size","variant","accent","background","Object","keys","forEach","key","element","selector"],"mappings":";;;;+BAEaA;;;eAAAA;;;+DAFc;;;;;;AAEpB,MAAMA,iBAAiBC,IAAAA,eAAc,EAAC,SAAU,KAAc;QAAd,EAAEC,UAAU,EAAE,GAAd;IACrD,MAAMC,aAA4C;QAChDC,MAAM;YAAC;YAAQ;SAAQ;QACvBC,SAAS;YAAC;YAAQ;SAAQ;QAC1BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK;QACpCC,SAAS;YAAC;YAAW;YAAa;YAAY;YAAW;SAAM;QAC/DC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,YAAY;YAAC;YAAQ;SAAQ;IAC/B;IAEAC,OAAOC,IAAI,CAACT,YAAYU,OAAO,CAAC,CAACC;QAC/BX,UAAU,CAACW,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAZ,WAAWc,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;AACF"}
1
+ {"version":3,"sources":["../../src/data-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const DataAttributes = TailwindPlugin(function ({ addVariant }) {\r\n const attributes: Record<string, Array<string>> = {\r\n open: ['true', 'false'],\r\n rounded: ['true', 'false'],\r\n inverted: ['true', 'false'],\r\n size: ['xs', 'sm', 'md', 'lg', 'xl'],\r\n variant: ['primary', 'secondary', 'tertiary', 'default', 'alt'],\r\n accent: ['true', 'false'],\r\n background: ['true', 'false'],\r\n };\r\n\r\n Object.keys(attributes).forEach((key) => {\r\n attributes[key].forEach((element) => {\r\n let selector = `data-${key}-${element}`;\r\n if (element == 'true') {\r\n selector = `data-${key}`;\r\n } else if (element == 'false') {\r\n selector = `data-!${key}`;\r\n }\r\n addVariant(selector, `&[data-${key}=\"${element}\"]`);\r\n });\r\n });\r\n});\r\n"],"names":["DataAttributes","TailwindPlugin","addVariant","attributes","open","rounded","inverted","size","variant","accent","background","Object","keys","forEach","key","element","selector"],"mappings":";;;;+BAEaA;;;eAAAA;;;+DAFc;;;;;;AAEpB,MAAMA,iBAAiBC,IAAAA,eAAc,EAAC,SAAU,EAAEC,UAAU,EAAE;IACnE,MAAMC,aAA4C;QAChDC,MAAM;YAAC;YAAQ;SAAQ;QACvBC,SAAS;YAAC;YAAQ;SAAQ;QAC1BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK;QACpCC,SAAS;YAAC;YAAW;YAAa;YAAY;YAAW;SAAM;QAC/DC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,YAAY;YAAC;YAAQ;SAAQ;IAC/B;IAEAC,OAAOC,IAAI,CAACT,YAAYU,OAAO,CAAC,CAACC;QAC/BX,UAAU,CAACW,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAZ,WAAWc,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;AACF"}
package/dist/cjs/index.js CHANGED
@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
5
5
  function _export(target, all) {
6
6
  for(var name in all)Object.defineProperty(target, name, {
7
7
  enumerable: true,
8
- get: all[name]
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- AriaAttributes: function() {
12
+ get AriaAttributes () {
13
13
  return _ariaplugin.AriaAttributes;
14
14
  },
15
- DataAttributes: function() {
15
+ get DataAttributes () {
16
16
  return _dataplugin.DataAttributes;
17
17
  },
18
- default: function() {
18
+ get default () {
19
19
  return _default;
20
20
  },
21
- plugin: function() {
21
+ get plugin () {
22
22
  return _plugin.default;
23
23
  },
24
- preset: function() {
24
+ get preset () {
25
25
  return _preset.default;
26
26
  }
27
27
  });
package/dist/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\r\nimport plugin from './plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\nimport { DataAttributes } from './data-plugin';\r\n\r\nexport { preset, plugin, DataAttributes, AriaAttributes };\r\nexport default plugin;\r\n"],"names":["AriaAttributes","DataAttributes","plugin","preset"],"mappings":";;;;;;;;;;;IAKyCA,cAAc;eAAdA,0BAAc;;IAA9BC,cAAc;eAAdA,0BAAc;;IACvC,OAAsB;eAAtB;;IADiBC,MAAM;eAANA,eAAM;;IAAdC,MAAM;eAANA,eAAM;;;+DALI;+DACA;4BACY;4BACA;;;;;;MAG/B,WAAeD,eAAM"}
1
+ {"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import preset from './preset';\r\nimport plugin from './plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\nimport { DataAttributes } from './data-plugin';\r\n\r\nexport { preset, plugin, DataAttributes, AriaAttributes };\r\nexport default plugin;\r\n"],"names":["AriaAttributes","DataAttributes","plugin","preset"],"mappings":";;;;;;;;;;;QAKyCA;eAAAA,0BAAc;;QAA9BC;eAAAA,0BAAc;;QACvC;eAAA;;QADiBC;eAAAA,eAAM;;QAAdC;eAAAA,eAAM;;;+DALI;+DACA;4BACY;4BACA;;;;;;MAG/B,WAAeD,eAAM"}
package/dist/cjs/plugin.js CHANGED
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  function _export(target, all) {
6
6
  for(var name in all)Object.defineProperty(target, name, {
7
7
  enumerable: true,
8
- get: all[name]
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- default: function() {
12
+ get default () {
13
13
  return _default;
14
14
  },
15
- pluginDefaults: function() {
15
+ get pluginDefaults () {
16
16
  return pluginDefaults;
17
17
  }
18
18
  });
@@ -79,8 +79,7 @@ const plugin = _plugin.default.withOptions(function(_options) {
79
79
  compWithDeps.comp
80
80
  ];
81
81
  }, []).filter((val, index, arr)=>arr.indexOf(val) === index);
82
- return function(param) {
83
- let { addComponents, addBase, theme } = param;
82
+ return function({ addComponents, addBase, theme }) {
84
83
  const optionColors = [
85
84
  ...defaultColors,
86
85
  ...options.colors || []
package/dist/cjs/plugin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\nimport { Component, components } from './components';\r\nimport { PluginAPI } from 'tailwindcss/types/config';\r\n\r\nexport interface PluginOptions {\r\n colors?: string[];\r\n cssBase?: boolean;\r\n components?: string[];\r\n}\r\n\r\nexport const pluginDefaults = { cssBase: true, colors: [] };\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst getComponentWithDependencies = (compName: string): Component[] => {\r\n const compWithDeps = components.find((comp) => comp.comp.name === compName);\r\n if (!compWithDeps) return [];\r\n\r\n let comps: Component[] = [compWithDeps.comp];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps?.deps.length; index++) {\r\n comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\r\n }\r\n }\r\n\r\n return comps;\r\n};\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n function (_options) {\r\n const options = { ...pluginDefaults, ..._options };\r\n\r\n const pickedComponents = components\r\n .reduce((comps: Component[], compWithDeps) => {\r\n if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\r\n return comps;\r\n }\r\n\r\n let deps: Component[] = [];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps.deps.length; index++) {\r\n deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\r\n }\r\n }\r\n\r\n return [...comps, ...deps, compWithDeps.comp];\r\n }, [])\r\n .filter((val, index, arr) => arr.indexOf(val) === index);\r\n\r\n return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(pickedComponents.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return {\r\n theme: theme,\r\n };\r\n }\r\n);\r\n\r\nexport default plugin;\r\n"],"names":["pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","components","find","comp","name","comps","deps","index","length","plugin","TailwindPlugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","theme","optionColors","base","map","component"],"mappings":";;;;;;;;;;;IAoEA,OAAsB;eAAtB;;IAxDaA,cAAc;eAAdA;;;+DAZc;sBACN;uBACC;4BACgB;;;;;;AAS/B,MAAMA,iBAAiB;IAAEC,SAAS;IAAMC,QAAQ,EAAE;AAAC;AAE1D,MAAMC,gBAAgB;IAAC;IAAW;IAAS;IAAW;IAAQ;IAAW;IAAY;IAAe;CAAU;AAE9G,MAAMC,+BAA+B,CAACC;IACpC,MAAMC,eAAeC,sBAAU,CAACC,IAAI,CAAC,CAACC,OAASA,KAAKA,IAAI,CAACC,IAAI,KAAKL;IAClE,IAAI,CAACC,cAAc,OAAO,EAAE;IAE5B,IAAIK,QAAqB;QAACL,aAAaG,IAAI;KAAC;IAC5C,IAAIH,cAAcM,MAAM;QACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,cAAcM,KAAKE,QAAQD,QAAS;YAC9DF,QAAQ;mBAAIP,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;mBAAMC;aAAM;QACpF;IACF;IAEA,OAAOA;AACT;AAEA,MAAMI,SAASC,eAAc,CAACC,WAAW,CACvC,SAAUC,QAAQ;IAChB,MAAMC,UAAU;QAAE,GAAGnB,cAAc;QAAE,GAAGkB,QAAQ;IAAC;IAEjD,MAAME,mBAAmBb,sBAAU,CAChCc,MAAM,CAAC,CAACV,OAAoBL;QAC3B,IAAIa,SAASZ,cAAc,CAACY,QAAQZ,UAAU,CAACe,QAAQ,CAAChB,aAAaG,IAAI,CAACC,IAAI,GAAG;YAC/E,OAAOC;QACT;QAEA,IAAIC,OAAoB,EAAE;QAC1B,IAAIN,cAAcM,MAAM;YACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,aAAaM,IAAI,CAACE,MAAM,EAAED,QAAS;gBAC7DD,OAAO;uBAAIR,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;uBAAME;iBAAK;YAClF;QACF;QAEA,OAAO;eAAID;eAAUC;YAAMN,aAAaG,IAAI;SAAC;IAC/C,GAAG,EAAE,EACJc,MAAM,CAAC,CAACC,KAAKX,OAAOY,MAAQA,IAAIC,OAAO,CAACF,SAASX;IAEpD,OAAO,SAAU,KAA4C;YAA5C,EAAEc,aAAa,EAAEC,OAAO,EAAEC,KAAK,EAAa,GAA5C;QACf,MAAMC,eAAe;eAAI3B;eAAmBgB,QAAQjB,MAAM,IAAI,EAAE;SAAE;QAElE,IAAIiB,QAAQlB,OAAO,EAAE;YACnB2B,QAAQG,UAAI;QACd;QAEAJ,cAAcP,iBAAiBY,GAAG,CAAC,CAACC,YAAcA,UAAUH,cAAcD;IAC5E;AACF,GACA;IACE,OAAO;QACLA,OAAOA,YAAK;IACd;AACF;MAGF,WAAed"}
1
+ {"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\nimport { Component, components } from './components';\r\nimport { PluginAPI } from 'tailwindcss/types/config';\r\n\r\nexport interface PluginOptions {\r\n colors?: string[];\r\n cssBase?: boolean;\r\n components?: string[];\r\n}\r\n\r\nexport const pluginDefaults = { cssBase: true, colors: [] };\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst getComponentWithDependencies = (compName: string): Component[] => {\r\n const compWithDeps = components.find((comp) => comp.comp.name === compName);\r\n if (!compWithDeps) return [];\r\n\r\n let comps: Component[] = [compWithDeps.comp];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps?.deps.length; index++) {\r\n comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\r\n }\r\n }\r\n\r\n return comps;\r\n};\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n function (_options) {\r\n const options = { ...pluginDefaults, ..._options };\r\n\r\n const pickedComponents = components\r\n .reduce((comps: Component[], compWithDeps) => {\r\n if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\r\n return comps;\r\n }\r\n\r\n let deps: Component[] = [];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps.deps.length; index++) {\r\n deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\r\n }\r\n }\r\n\r\n return [...comps, ...deps, compWithDeps.comp];\r\n }, [])\r\n .filter((val, index, arr) => arr.indexOf(val) === index);\r\n\r\n return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(pickedComponents.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return {\r\n theme: theme,\r\n };\r\n }\r\n);\r\n\r\nexport default plugin;\r\n"],"names":["pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","components","find","comp","name","comps","deps","index","length","plugin","TailwindPlugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","theme","optionColors","base","map","component"],"mappings":";;;;;;;;;;;QAoEA;eAAA;;QAxDaA;eAAAA;;;+DAZc;sBACN;uBACC;4BACgB;;;;;;AAS/B,MAAMA,iBAAiB;IAAEC,SAAS;IAAMC,QAAQ,EAAE;AAAC;AAE1D,MAAMC,gBAAgB;IAAC;IAAW;IAAS;IAAW;IAAQ;IAAW;IAAY;IAAe;CAAU;AAE9G,MAAMC,+BAA+B,CAACC;IACpC,MAAMC,eAAeC,sBAAU,CAACC,IAAI,CAAC,CAACC,OAASA,KAAKA,IAAI,CAACC,IAAI,KAAKL;IAClE,IAAI,CAACC,cAAc,OAAO,EAAE;IAE5B,IAAIK,QAAqB;QAACL,aAAaG,IAAI;KAAC;IAC5C,IAAIH,cAAcM,MAAM;QACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,cAAcM,KAAKE,QAAQD,QAAS;YAC9DF,QAAQ;mBAAIP,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;mBAAMC;aAAM;QACpF;IACF;IAEA,OAAOA;AACT;AAEA,MAAMI,SAASC,eAAc,CAACC,WAAW,CACvC,SAAUC,QAAQ;IAChB,MAAMC,UAAU;QAAE,GAAGnB,cAAc;QAAE,GAAGkB,QAAQ;IAAC;IAEjD,MAAME,mBAAmBb,sBAAU,CAChCc,MAAM,CAAC,CAACV,OAAoBL;QAC3B,IAAIa,SAASZ,cAAc,CAACY,QAAQZ,UAAU,CAACe,QAAQ,CAAChB,aAAaG,IAAI,CAACC,IAAI,GAAG;YAC/E,OAAOC;QACT;QAEA,IAAIC,OAAoB,EAAE;QAC1B,IAAIN,cAAcM,MAAM;YACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQP,aAAaM,IAAI,CAACE,MAAM,EAAED,QAAS;gBAC7DD,OAAO;uBAAIR,6BAA6BE,aAAaM,IAAI,CAACC,MAAM,CAACH,IAAI;uBAAME;iBAAK;YAClF;QACF;QAEA,OAAO;eAAID;eAAUC;YAAMN,aAAaG,IAAI;SAAC;IAC/C,GAAG,EAAE,EACJc,MAAM,CAAC,CAACC,KAAKX,OAAOY,MAAQA,IAAIC,OAAO,CAACF,SAASX;IAEpD,OAAO,SAAU,EAAEc,aAAa,EAAEC,OAAO,EAAEC,KAAK,EAAa;QAC3D,MAAMC,eAAe;eAAI3B;eAAmBgB,QAAQjB,MAAM,IAAI,EAAE;SAAE;QAElE,IAAIiB,QAAQlB,OAAO,EAAE;YACnB2B,QAAQG,UAAI;QACd;QAEAJ,cAAcP,iBAAiBY,GAAG,CAAC,CAACC,YAAcA,UAAUH,cAAcD;IAC5E;AACF,GACA;IACE,OAAO;QACLA,OAAOA,YAAK;IACd;AACF;MAGF,WAAed"}
package/dist/cjs/with-opacity.js CHANGED
@@ -9,8 +9,7 @@ Object.defineProperty(exports, "default", {
9
9
  }
10
10
  });
11
11
  const withOpacity = function withOpacity(variableName) {
12
- return (param)=>{
13
- let { opacityValue } = param;
12
+ return ({ opacityValue })=>{
14
13
  if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;
15
14
  return `rgb(var(${variableName}))`;
16
15
  };
package/dist/cjs/with-opacity.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n return ({ opacityValue }: { opacityValue: string }) => {\r\n if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n return `rgb(var(${variableName}))`;\r\n };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":";;;;+BAMA;;;eAAA;;;AANA,MAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO;YAAC,EAAEC,YAAY,EAA4B;QAChD,IAAIA,cAAc,OAAO,CAAC,SAAS,EAAED,aAAa,GAAG,EAAEC,aAAa,CAAC,CAAC;QACtE,OAAO,CAAC,QAAQ,EAAED,aAAa,EAAE,CAAC;IACpC;AACF;MACA,WAAeD"}
1
+ {"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n return ({ opacityValue }: { opacityValue: string }) => {\r\n if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n return `rgb(var(${variableName}))`;\r\n };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":";;;;+BAMA;;;eAAA;;;AANA,MAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO,CAAC,EAAEC,YAAY,EAA4B;QAChD,IAAIA,cAAc,OAAO,CAAC,SAAS,EAAED,aAAa,GAAG,EAAEC,aAAa,CAAC,CAAC;QACtE,OAAO,CAAC,QAAQ,EAAED,aAAa,EAAE,CAAC;IACpC;AACF;MACA,WAAeD"}
package/dist/esm/aria-plugin.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import TailwindPlugin from 'tailwindcss/plugin';
2
- export const AriaAttributes = TailwindPlugin(function(param) {
3
- let { addVariant } = param;
2
+ export const AriaAttributes = TailwindPlugin(function({ addVariant }) {
4
3
  const attributes = {
5
4
  checked: [
6
5
  'true',
package/dist/esm/aria-plugin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n const attributes: Record<string, Array<string>> = {\r\n checked: ['true', 'false', 'mixed'],\r\n disabled: ['true', 'false'],\r\n expanded: ['true', 'false'],\r\n hidden: ['true', 'false'],\r\n orientation: ['horizontal', 'vertical'],\r\n readonly: ['true', 'false'],\r\n required: ['true', 'false'],\r\n selected: ['true', 'false'],\r\n sort: ['none', 'ascending', 'descending', 'other'],\r\n };\r\n\r\n Object.keys(attributes).forEach((key) => {\r\n attributes[key].forEach((element) => {\r\n let selector = `aria-${key}-${element}`;\r\n if (element == 'true') {\r\n selector = `aria-${key}`;\r\n } else if (element == 'false') {\r\n selector = `aria-!${key}`;\r\n }\r\n addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n });\r\n });\r\n\r\n const specialAttributes: Record<string, Array<string>> = {\r\n haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n };\r\n\r\n Object.keys(specialAttributes).forEach((key) => {\r\n const elements = specialAttributes[key];\r\n const selector = `aria-${key}`;\r\n addVariant(\r\n selector,\r\n elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n );\r\n });\r\n\r\n Object.keys(specialAttributes).forEach((key) => {\r\n const selector = `aria-!${key}`;\r\n addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n });\r\n});\r\n"],"names":["TailwindPlugin","AriaAttributes","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,MAAMC,iBAAiBD,eAAe,SAAU,KAAc;QAAd,EAAEE,UAAU,EAAE,GAAd;IACrD,MAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,CAACC;QAC/Bb,UAAU,CAACa,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;IAEA,MAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,MAAME,WAAW,CAAC,KAAK,EAAEF,KAAK;QAC9Bd,WACEgB,UACAI,SAASC,GAAG,CAAC,CAACN,UAAY,CAAC,OAAO,EAAED,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;IAE3D;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAME,WAAW,CAAC,MAAM,EAAEF,KAAK;QAC/Bd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;IAClD;AACF,GAAG"}
1
+ {"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n const attributes: Record<string, Array<string>> = {\r\n checked: ['true', 'false', 'mixed'],\r\n disabled: ['true', 'false'],\r\n expanded: ['true', 'false'],\r\n hidden: ['true', 'false'],\r\n orientation: ['horizontal', 'vertical'],\r\n readonly: ['true', 'false'],\r\n required: ['true', 'false'],\r\n selected: ['true', 'false'],\r\n sort: ['none', 'ascending', 'descending', 'other'],\r\n };\r\n\r\n Object.keys(attributes).forEach((key) => {\r\n attributes[key].forEach((element) => {\r\n let selector = `aria-${key}-${element}`;\r\n if (element == 'true') {\r\n selector = `aria-${key}`;\r\n } else if (element == 'false') {\r\n selector = `aria-!${key}`;\r\n }\r\n addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n });\r\n });\r\n\r\n const specialAttributes: Record<string, Array<string>> = {\r\n haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n };\r\n\r\n Object.keys(specialAttributes).forEach((key) => {\r\n const elements = specialAttributes[key];\r\n const selector = `aria-${key}`;\r\n addVariant(\r\n selector,\r\n elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n );\r\n });\r\n\r\n Object.keys(specialAttributes).forEach((key) => {\r\n const selector = `aria-!${key}`;\r\n addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n });\r\n});\r\n"],"names":["TailwindPlugin","AriaAttributes","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,MAAMC,iBAAiBD,eAAe,SAAU,EAAEE,UAAU,EAAE;IACnE,MAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,CAACC;QAC/Bb,UAAU,CAACa,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;IAEA,MAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,MAAME,WAAW,CAAC,KAAK,EAAEF,KAAK;QAC9Bd,WACEgB,UACAI,SAASC,GAAG,CAAC,CAACN,UAAY,CAAC,OAAO,EAAED,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;IAE3D;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAME,WAAW,CAAC,MAAM,EAAEF,KAAK;QAC/Bd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;IAClD;AACF,GAAG"}