@vellira-ui/tokens 2.93.0 → 2.95.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.
- package/dist/css/tokens.css +48 -0
- package/dist/dark/components/accordion.d.ts +2 -0
- package/dist/dark/components/accordion.d.ts.map +1 -0
- package/dist/dark/components/accordion.js +39 -0
- package/dist/dark/components/index.d.ts +1 -0
- package/dist/dark/components/index.d.ts.map +1 -1
- package/dist/dark/components/index.js +1 -0
- package/dist/factories/createAccordionTokens.d.ts +28 -0
- package/dist/factories/createAccordionTokens.d.ts.map +1 -0
- package/dist/factories/createAccordionTokens.js +1 -0
- package/dist/factories/index.d.ts +1 -0
- package/dist/factories/index.d.ts.map +1 -1
- package/dist/factories/index.js +1 -0
- package/dist/generated/token-types.d.ts +4 -4
- package/dist/generated/token-types.d.ts.map +1 -1
- package/dist/generated/token-types.js +64 -0
- package/dist/highContrast/components/accordion.d.ts +2 -0
- package/dist/highContrast/components/accordion.d.ts.map +1 -0
- package/dist/highContrast/components/accordion.js +39 -0
- package/dist/highContrast/components/index.d.ts +1 -0
- package/dist/highContrast/components/index.d.ts.map +1 -1
- package/dist/highContrast/components/index.js +1 -0
- package/dist/light/components/accordion.d.ts +2 -0
- package/dist/light/components/accordion.d.ts.map +1 -0
- package/dist/light/components/accordion.js +39 -0
- package/dist/light/components/index.d.ts +1 -0
- package/dist/light/components/index.d.ts.map +1 -1
- package/dist/light/components/index.js +1 -0
- package/package.json +1 -1
package/dist/css/tokens.css
CHANGED
|
@@ -364,6 +364,22 @@
|
|
|
364
364
|
--text-interactive-hover: #402C9F;
|
|
365
365
|
--text-interactive-active: #342580;
|
|
366
366
|
--text-inverse: #FFFFFF;
|
|
367
|
+
--accordion-root-bg: #FAF8FF;
|
|
368
|
+
--accordion-root-border: #E4DDF4;
|
|
369
|
+
--accordion-divider: #E4DDF4;
|
|
370
|
+
--accordion-trigger-default-bg: #FAF8FF;
|
|
371
|
+
--accordion-trigger-default-fg: #3D3754;
|
|
372
|
+
--accordion-trigger-expanded-bg: #FDFCFF;
|
|
373
|
+
--accordion-trigger-hover-bg: #F4F1FB;
|
|
374
|
+
--accordion-trigger-hover-fg: #3D3754;
|
|
375
|
+
--accordion-trigger-pressed-bg: #E4DDF4;
|
|
376
|
+
--accordion-trigger-pressed-fg: #3D3754;
|
|
377
|
+
--accordion-trigger-disabled-bg: #F4F1FB;
|
|
378
|
+
--accordion-trigger-disabled-fg: #958CB0;
|
|
379
|
+
--accordion-indicator: #6B6386;
|
|
380
|
+
--accordion-content-bg: #FDFCFF;
|
|
381
|
+
--accordion-content-fg: #6B6386;
|
|
382
|
+
--accordion-focus-ring: #5037C8;
|
|
367
383
|
--button-primary-ring: #9B7CFF;
|
|
368
384
|
--button-primary-solid-default-bg: #6346E8;
|
|
369
385
|
--button-primary-solid-default-fg: #F4F3FF;
|
|
@@ -2647,6 +2663,22 @@
|
|
|
2647
2663
|
--text-interactive-hover: #9B7CFF;
|
|
2648
2664
|
--text-interactive-active: #7352F8;
|
|
2649
2665
|
--text-inverse: #000000;
|
|
2666
|
+
--accordion-root-bg: #181521;
|
|
2667
|
+
--accordion-root-border: #3D3754;
|
|
2668
|
+
--accordion-divider: #3D3754;
|
|
2669
|
+
--accordion-trigger-default-bg: #181521;
|
|
2670
|
+
--accordion-trigger-default-fg: #F4F1FB;
|
|
2671
|
+
--accordion-trigger-expanded-bg: #242034;
|
|
2672
|
+
--accordion-trigger-hover-bg: #2F2A42;
|
|
2673
|
+
--accordion-trigger-hover-fg: #F4F1FB;
|
|
2674
|
+
--accordion-trigger-pressed-bg: #4F4867;
|
|
2675
|
+
--accordion-trigger-pressed-fg: #F4F1FB;
|
|
2676
|
+
--accordion-trigger-disabled-bg: #2F2A42;
|
|
2677
|
+
--accordion-trigger-disabled-fg: #6B6386;
|
|
2678
|
+
--accordion-indicator: #BBB2D2;
|
|
2679
|
+
--accordion-content-bg: #242034;
|
|
2680
|
+
--accordion-content-fg: #BBB2D2;
|
|
2681
|
+
--accordion-focus-ring: #B8A8FF;
|
|
2650
2682
|
--button-primary-ring: #9B7CFF;
|
|
2651
2683
|
--button-primary-solid-default-bg: #6346E8;
|
|
2652
2684
|
--button-primary-solid-default-fg: #F4F3FF;
|
|
@@ -4941,6 +4973,22 @@
|
|
|
4941
4973
|
--text-interactive-hover: #FCD34D;
|
|
4942
4974
|
--text-interactive-active: #FDE68A;
|
|
4943
4975
|
--text-inverse: #000000;
|
|
4976
|
+
--accordion-root-bg: #000000;
|
|
4977
|
+
--accordion-root-border: #6B7280;
|
|
4978
|
+
--accordion-divider: #6B7280;
|
|
4979
|
+
--accordion-trigger-default-bg: #000000;
|
|
4980
|
+
--accordion-trigger-default-fg: #FFFFFF;
|
|
4981
|
+
--accordion-trigger-expanded-bg: #1F2937;
|
|
4982
|
+
--accordion-trigger-hover-bg: #374151;
|
|
4983
|
+
--accordion-trigger-hover-fg: #FFFFFF;
|
|
4984
|
+
--accordion-trigger-pressed-bg: #4B5563;
|
|
4985
|
+
--accordion-trigger-pressed-fg: #FFFFFF;
|
|
4986
|
+
--accordion-trigger-disabled-bg: #111827;
|
|
4987
|
+
--accordion-trigger-disabled-fg: #6B7280;
|
|
4988
|
+
--accordion-indicator: #EEE8FA;
|
|
4989
|
+
--accordion-content-bg: #1F2937;
|
|
4990
|
+
--accordion-content-fg: #EEE8FA;
|
|
4991
|
+
--accordion-focus-ring: #FCD34D;
|
|
4944
4992
|
--button-primary-ring: #9B7CFF;
|
|
4945
4993
|
--button-primary-solid-default-bg: #6346E8;
|
|
4946
4994
|
--button-primary-solid-default-fg: #F4F3FF;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/dark/components/accordion.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,0EAiC1B,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { createAccordionTokens } from '../../factories/createAccordionTokens.js';
|
|
2
|
+
import { border } from '../semantic/border.js';
|
|
3
|
+
import { focus } from '../semantic/focus.js';
|
|
4
|
+
import { surface } from '../semantic/surface.js';
|
|
5
|
+
import { text } from '../semantic/text.js';
|
|
6
|
+
export const accordionTokens = createAccordionTokens({
|
|
7
|
+
root: {
|
|
8
|
+
bg: surface.default,
|
|
9
|
+
border: border.muted,
|
|
10
|
+
},
|
|
11
|
+
divider: border.muted,
|
|
12
|
+
trigger: {
|
|
13
|
+
default: {
|
|
14
|
+
bg: surface.default,
|
|
15
|
+
fg: text.primary,
|
|
16
|
+
},
|
|
17
|
+
expanded: {
|
|
18
|
+
bg: surface.subtle,
|
|
19
|
+
},
|
|
20
|
+
hover: {
|
|
21
|
+
bg: surface.hover,
|
|
22
|
+
fg: text.primary,
|
|
23
|
+
},
|
|
24
|
+
pressed: {
|
|
25
|
+
bg: surface.pressed,
|
|
26
|
+
fg: text.primary,
|
|
27
|
+
},
|
|
28
|
+
disabled: {
|
|
29
|
+
bg: surface.disabled,
|
|
30
|
+
fg: text.disabled,
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
indicator: text.secondary,
|
|
34
|
+
content: {
|
|
35
|
+
bg: surface.subtle,
|
|
36
|
+
fg: text.secondary,
|
|
37
|
+
},
|
|
38
|
+
focusRing: focus.ring.color,
|
|
39
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dark/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dark/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export type AccordionTriggerState = {
|
|
2
|
+
bg: string;
|
|
3
|
+
fg: string;
|
|
4
|
+
};
|
|
5
|
+
export type AccordionTokensConfig = {
|
|
6
|
+
root: {
|
|
7
|
+
bg: string;
|
|
8
|
+
border: string;
|
|
9
|
+
};
|
|
10
|
+
divider: string;
|
|
11
|
+
trigger: {
|
|
12
|
+
default: AccordionTriggerState;
|
|
13
|
+
expanded: {
|
|
14
|
+
bg: string;
|
|
15
|
+
};
|
|
16
|
+
hover: AccordionTriggerState;
|
|
17
|
+
pressed: AccordionTriggerState;
|
|
18
|
+
disabled: AccordionTriggerState;
|
|
19
|
+
};
|
|
20
|
+
indicator: string;
|
|
21
|
+
content: {
|
|
22
|
+
bg: string;
|
|
23
|
+
fg: string;
|
|
24
|
+
};
|
|
25
|
+
focusRing: string;
|
|
26
|
+
};
|
|
27
|
+
export declare const createAccordionTokens: (config: AccordionTokensConfig) => AccordionTokensConfig;
|
|
28
|
+
//# sourceMappingURL=createAccordionTokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createAccordionTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createAccordionTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,OAAO,EAAE,qBAAqB,CAAC;QAC/B,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;QACF,KAAK,EAAE,qBAAqB,CAAC;QAC7B,OAAO,EAAE,qBAAqB,CAAC;QAC/B,QAAQ,EAAE,qBAAqB,CAAC;KACjC,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,QAAQ,qBAAqB,0BAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const createAccordionTokens = (config) => config;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC"}
|
package/dist/factories/index.js
CHANGED