@loadsmart/loadsmart-ui 5.13.2 → 5.14.1

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 (39) hide show
  1. package/dist/components/Text/Text.d.ts +1 -1
  2. package/dist/components/TopNavigation/TopNavigation.d.ts +2 -2
  3. package/dist/index.js +57 -45
  4. package/dist/index.js.map +1 -1
  5. package/dist/miranda-compatibility.theme-bb0cbfb2.js +2 -0
  6. package/dist/miranda-compatibility.theme-bb0cbfb2.js.map +1 -0
  7. package/dist/prop-73352de5.js +2 -0
  8. package/dist/{prop-0f94ff83.js.map → prop-73352de5.js.map} +1 -1
  9. package/dist/testing/index.js +1 -1
  10. package/dist/testing/index.js.map +1 -1
  11. package/dist/theming/index.js +1 -1
  12. package/dist/theming/index.js.map +1 -1
  13. package/dist/theming/themes/alice.theme.d.ts +171 -9
  14. package/dist/theming/themes/index.d.ts +1 -0
  15. package/dist/theming/themes/loadsmart.theme.d.ts +83 -9
  16. package/dist/theming/themes/miranda-compatibility.theme.d.ts +745 -0
  17. package/dist/theming/theming.helpers.d.ts +1 -0
  18. package/dist/tools/index.js +1 -1
  19. package/package.json +5 -3
  20. package/src/addons/Theme/register.js +2 -1
  21. package/src/components/Dropdown/DropdownMenu.tsx +1 -1
  22. package/src/components/Dropdown/DropdownTrigger.tsx +6 -4
  23. package/src/components/Select/SelectOption.tsx +4 -7
  24. package/src/components/SideNavigation/Menu/Menu.tsx +4 -3
  25. package/src/components/SideNavigation/Menu/MenuBaseItem.tsx +1 -1
  26. package/src/components/SideNavigation/Menu/MenuLink.tsx +4 -5
  27. package/src/components/SideNavigation/SideNavigation.stories.tsx +1 -1
  28. package/src/components/Steps/ProgressSteps/ProgressStep.tsx +9 -7
  29. package/src/components/ToggleGroup/Toggle.tsx +58 -33
  30. package/src/components/ToggleGroup/ToggleGroup.tsx +32 -19
  31. package/src/components/TopNavigation/TopNavigation.tsx +2 -2
  32. package/src/theming/themes/alice.theme.ts +111 -20
  33. package/src/theming/themes/index.ts +1 -0
  34. package/src/theming/themes/loadsmart.theme.ts +100 -9
  35. package/src/theming/themes/miranda-compatibility.theme.ts +900 -0
  36. package/src/theming/theming.helpers.ts +6 -0
  37. package/dist/loadsmart.theme-63c13988.js +0 -2
  38. package/dist/loadsmart.theme-63c13988.js.map +0 -1
  39. package/dist/prop-0f94ff83.js +0 -2
package/dist/theming/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../loadsmart.theme-63c13988.js"),t=Object.freeze({__proto__:null,Alice:e.alice,Loadsmart:e.loadsmart});function r(t,r){const o=e.isFunction(t)?t(r):t;return r.theme[o]}exports.Themes=t,exports.getToken=function(e,t){return void 0===t?t=>r(e,t):r(e,t)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../miranda-compatibility.theme-bb0cbfb2.js");require("@loadsmart/miranda-tokens");var t=Object.freeze({__proto__:null,Alice:e.alice,Loadsmart:e.loadsmart,Miranda:e.mirandaCompatibility});function r(t,r){const i=e.isFunction(t)?t(r):t;return r.theme[i]}exports.Themes=t,exports.getToken=function(e,t){return void 0===t?t=>r(e,t):r(e,t)};
2
2
  //# sourceMappingURL=index.js.map
package/dist/theming/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n const tokenName = isFunction(token) ? token(props) : token\n return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n token: TokenLike<TProps>,\n props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n if (props === undefined) {\n return (props: TProps) => getTokenFromTheme(token, props)\n }\n\n return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","undefined"],"mappings":"0LAaA,SAASA,EAAyCC,EAAqBC,GACrE,MAAMC,EAAYC,aAAWH,GAASA,EAAMC,GAASD,EACrD,OAAOC,EAAMG,MAAMF,8CAkBgCF,EAAYC,GAC/D,YAAcI,IAAVJ,EACMA,GAAkBF,EAAkBC,EAAOC,GAG9CF,EAAkBC,EAAOC"}
1
+ {"version":3,"file":"index.js","sources":["../../src/theming/index.ts"],"sourcesContent":["import { isFunction } from '@loadsmart/utils-function'\n\nimport type { ThemeProps } from 'styled-components'\nimport type ThemeAlice from './themes/alice.theme'\n\nexport type ThemeToken = keyof typeof ThemeAlice\nexport type ThemeTokenValue = string | number\n\nexport type CustomTheme = Record<ThemeToken, ThemeTokenValue>\nexport type ThemedProps = ThemeProps<CustomTheme>\n\ntype TokenLike<P extends ThemedProps = ThemedProps> = ThemeToken | ((props: P) => ThemeToken)\n\nfunction getTokenFromTheme<P extends ThemedProps>(token: TokenLike<P>, props: P): ThemeTokenValue {\n const tokenName = isFunction(token) ? token(props) : token\n return props.theme[tokenName]\n}\n\n/**\n * Return a design token value for the current theme.\n * @param {string} token - Token whose value should be returned.\n * @param {[ThemedStyledProps]} props - Component props.\n * @returns {ThemeTokenValue} Token value or `undefined` if the token was not found for the current theme.\n */\nexport function getToken<TProps extends ThemedProps>(\n token: TokenLike<TProps>\n): (props: TProps) => ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(\n token: TokenLike<TProps>,\n props: TProps\n): ThemeTokenValue\n\nexport function getToken<TProps extends ThemedProps>(token: any, props?: any): any {\n if (props === undefined) {\n return (props: TProps) => getTokenFromTheme(token, props)\n }\n\n return getTokenFromTheme(token, props)\n}\n\nexport * as Themes from './themes'\n"],"names":["getTokenFromTheme","token","props","tokenName","isFunction","theme","undefined"],"mappings":"8QAaA,SAASA,EAAyCC,EAAqBC,GACrE,MAAMC,EAAYC,aAAWH,GAASA,EAAMC,GAASD,EACrD,OAAOC,EAAMG,MAAMF,8CAkBgCF,EAAYC,GAC/D,YAAcI,IAAVJ,EACMA,GAAkBF,EAAkBC,EAAOC,GAG9CF,EAAkBC,EAAOC"}
package/dist/theming/themes/alice.theme.d.ts CHANGED
@@ -1,3 +1,25 @@
1
+ export declare const COLORS: {
2
+ 'color-primary': string;
3
+ 'color-accent': string;
4
+ 'color-neutral-darkest': string;
5
+ 'color-neutral-darker': string;
6
+ 'color-neutral-dark': string;
7
+ 'color-neutral': string;
8
+ 'color-neutral-light': string;
9
+ 'color-neutral-lighter': string;
10
+ 'color-neutral-lightest': string;
11
+ 'color-neutral-white': string;
12
+ 'color-success-dark': string;
13
+ 'color-success': string;
14
+ 'color-success-light': string;
15
+ 'color-transparent': string;
16
+ 'color-warning-dark': string;
17
+ 'color-warning': string;
18
+ 'color-warning-light': string;
19
+ 'color-danger-dark': string;
20
+ 'color-danger': string;
21
+ 'color-danger-light': string;
22
+ };
1
23
  export declare const OPACITIES: {
2
24
  'opacity-0': number;
3
25
  'opacity-20': number;
@@ -5,23 +27,94 @@ export declare const OPACITIES: {
5
27
  'opacity-60': number;
6
28
  'opacity-100': number;
7
29
  };
30
+ export declare const SPACINGS: {
31
+ 'space-none': number;
32
+ 'space-2xs': string;
33
+ 'space-xs': string;
34
+ 'space-s': string;
35
+ 'space-m': string;
36
+ 'space-l': string;
37
+ 'space-xl': string;
38
+ 'space-2xl': string;
39
+ 'space-3xl': string;
40
+ };
41
+ export declare const FONT_FAMILIES: {
42
+ 'font-family-default': string;
43
+ 'font-family-monospace': string;
44
+ };
45
+ export declare const FONT_SIZES: {
46
+ 'font-size-6': string;
47
+ 'font-size-5': string;
48
+ 'font-size-4': string;
49
+ 'font-size-3': string;
50
+ 'font-size-2': string;
51
+ 'font-size-1': string;
52
+ };
53
+ export declare const FONT_WEIGHTS: {
54
+ 'font-weight-regular': number;
55
+ 'font-weight-medium': number;
56
+ 'font-weight-bold': number;
57
+ };
58
+ export declare const FONT_HEIGHTS: {
59
+ 'font-height-1': string;
60
+ 'font-height-2': string;
61
+ 'font-height-3': string;
62
+ };
63
+ export declare const SHADOWS: {
64
+ 'shadow-none': string;
65
+ 'shadow-modal': string;
66
+ 'shadow-droplist': string;
67
+ 'shadow-glow-primary': string;
68
+ 'shadow-glow-warning': string;
69
+ };
70
+ export declare const BORDER_RADIUSES: {
71
+ 'border-radius-none': number;
72
+ 'border-radius-s': string;
73
+ 'border-radius-m': string;
74
+ 'border-radius-l': string;
75
+ 'border-radius-circle': string;
76
+ };
77
+ export declare const BORDER_WIDTHS: {
78
+ 'border-width-none': number;
79
+ 'border-width-thin': string;
80
+ 'border-width-medium': string;
81
+ 'border-width-bold': string;
82
+ };
83
+ export declare const Z_INDEXES: {
84
+ 'z-index-none': number;
85
+ 'z-index-default': number;
86
+ 'z-index-droplist': number;
87
+ 'z-index-tooltip': number;
88
+ 'z-index-overlay': number;
89
+ 'z-index-modal': number;
90
+ };
91
+ export declare const TEXT_ALIGNMENT: {
92
+ left: string;
93
+ center: string;
94
+ right: string;
95
+ };
96
+ export declare const HEIGHTS: {
97
+ 'height-small': string;
98
+ 'height-default': string;
99
+ 'height-large': string;
100
+ };
8
101
  declare const alice: {
9
102
  'button-border-radius': string | number;
10
103
  'button-border-width': string | number;
11
104
  'button-font-weight': string | number;
12
105
  'button-font-height': string | number;
13
106
  'button-small-font-size': string | number;
14
- 'button-small-height': string;
107
+ 'button-small-height': string | number;
15
108
  'button-small-padding-x': string | number;
16
109
  'button-small-padding-y': string;
17
110
  'button-font-size': string | number;
18
- 'button-height': string;
111
+ 'button-height': string | number;
19
112
  'button-width': string;
20
113
  'button-padding-y': string;
21
114
  'button-padding-x': string | number;
22
115
  'button-spacing-x': string | number;
23
116
  'button-large-font-size': string | number;
24
- 'button-large-height': string;
117
+ 'button-large-height': string | number;
25
118
  'button-large-padding-x': string | number;
26
119
  'button-large-padding-y': string;
27
120
  'button-primary-background': string | number;
@@ -88,9 +181,9 @@ declare const alice: {
88
181
  'button-warning-color--disabled': string | number;
89
182
  'button-warning-outline': string | number;
90
183
  'button-icon-border-radius': string | number;
91
- 'button-icon-small-width': string;
92
- 'button-icon-width': string;
93
- 'button-icon-large-width': string;
184
+ 'button-icon-small-width': string | number;
185
+ 'button-icon-width': string | number;
186
+ 'button-icon-large-width': string | number;
94
187
  'button-icon-background': string | number;
95
188
  'button-icon-background--hover': string | number;
96
189
  'button-icon-background--focus': string | number;
@@ -277,15 +370,15 @@ declare const alice: {
277
370
  'text-field-font-size': string | number;
278
371
  'text-field-font-weight': string | number;
279
372
  'text-field-font-height': string | number;
280
- 'text-field-height': string;
373
+ 'text-field-height': string | number;
281
374
  'text-field-padding-x': string | number;
282
375
  'text-field-padding-y': string | number;
283
376
  'text-field-outline': string | number;
284
- 'text-field-small-height': string;
377
+ 'text-field-small-height': string | number;
285
378
  'text-field-small-padding-x': string | number;
286
379
  'text-field-small-padding-y': string | number;
287
380
  'text-field-small-font-size': string | number;
288
- 'text-field-large-height': string;
381
+ 'text-field-large-height': string | number;
289
382
  'text-field-large-padding-x': string | number;
290
383
  'text-field-large-padding-y': string;
291
384
  'text-field-large-font-size': string | number;
@@ -471,6 +564,8 @@ declare const alice: {
471
564
  'steps-conector-height--complete': string;
472
565
  'steps-conector-top': string;
473
566
  'steps-conector-top--complete': string;
567
+ 'steps-progress-step-background-color': string | number;
568
+ 'steps-progress-step-background-color--complete': string | number;
474
569
  'card-background': string | number;
475
570
  'card-border-color': string | number;
476
571
  'card-border-radius': string | number;
@@ -501,6 +596,13 @@ declare const alice: {
501
596
  'side-navigation-component-margin-top': string | number;
502
597
  'side-navigation-logo-padding-x': string | number;
503
598
  'side-navigation-separator-color': string | number;
599
+ 'side-navigation-menu-title-font-weight': string | number;
600
+ 'side-navigation-menu-title-font-size': string | number;
601
+ 'side-navigation-menu-title-line-height': string | number;
602
+ 'side-navigation-menu-link-color--hover': string | number;
603
+ 'side-navigation-menu-link-background-color--active': string | number;
604
+ 'side-navigation-menu-link-box-shadow-color--active': string | number;
605
+ 'side-navigation-menu-item-color--focus': string | number;
504
606
  'table-row-default-color': string | number;
505
607
  'table-row-variant-color': string | number;
506
608
  'table-row-selected-color': string | number;
@@ -513,6 +615,66 @@ declare const alice: {
513
615
  'top-navigation-item-icon-color': string | number;
514
616
  'top-navigation-item-color': string | number;
515
617
  'top-navigation-item-color--hover': string | number;
618
+ 'select-selected-option-check-color': string | number;
619
+ 'select-selected-option-background-color': string | number;
620
+ 'toggle-text-transform': string;
621
+ 'toggle-background-color': string | number;
622
+ 'toggle-background-color--hover': string | number;
623
+ 'toggle-background-color--focus': string | number;
624
+ 'toggle-background-color--active': string | number;
625
+ 'toggle-background-color--disabled': string | number;
626
+ 'toggle-checked-background-color': string | number;
627
+ 'toggle-checked-background-color--hover': string | number;
628
+ 'toggle-checked-background-color--focus': string | number;
629
+ 'toggle-checked-background-color--active': string | number;
630
+ 'toggle-checked-background-color--disabled': string | number;
631
+ 'toggle-color': string | number;
632
+ 'toggle-color--hover': string | number;
633
+ 'toggle-color--focus': string | number;
634
+ 'toggle-color--active': string | number;
635
+ 'toggle-color--disabled': string | number;
636
+ 'toggle-checked-color': string | number;
637
+ 'toggle-checked-color--hover': string | number;
638
+ 'toggle-checked-color--focus': string | number;
639
+ 'toggle-checked-color--active': string | number;
640
+ 'toggle-checked-color--disabled': string | number;
641
+ 'toggle-single-border-color': string | number;
642
+ 'toggle-single-border-color--hover': string | number;
643
+ 'toggle-single-border-color--focus': string | number;
644
+ 'toggle-single-border-color--active': string | number;
645
+ 'toggle-single-border-color--disabled': string | number;
646
+ 'toggle-single-checked-border-color': string | number;
647
+ 'toggle-single-checked-border-color--disabled': string | number;
648
+ 'toggle-single-font-size': string | number;
649
+ 'toggle-single-small-font-size': string;
650
+ 'toggle-single-height': string;
651
+ 'toggle-single-small-height': string;
652
+ 'toggle-multiple-border-color': string | number;
653
+ 'toggle-multiple-border-color--hover': string | number;
654
+ 'toggle-multiple-border-color--focus': string | number;
655
+ 'toggle-multiple-border-color--active': string | number;
656
+ 'toggle-multiple-border-color--disabled': string | number;
657
+ 'toggle-multiple-checked-border-color': string | number;
658
+ 'toggle-multiple-checked-border-color--disabled': string | number;
659
+ 'toggle-multiple-font-size': string | number;
660
+ 'toggle-multiple-small-font-size': string | number;
661
+ 'toggle-multiple-height': string;
662
+ 'toggle-multiple-small-height': string;
663
+ 'toggle-group-multiple-border-width': string;
664
+ 'toggle-group-multiple-border-style': string;
665
+ 'toggle-group-multiple-border-color': string;
666
+ 'toggle-group-multiple-border-radius': string;
667
+ 'toggle-group-multiple-padding': number;
668
+ 'toggle-group-single-border-width': string;
669
+ 'toggle-group-single-border-style': string;
670
+ 'toggle-group-single-border-color': string | number;
671
+ 'toggle-group-single-border-radius': string | number;
672
+ 'toggle-group-single-padding': string;
673
+ 'dropdown-trigger-expanded-color': string | number;
674
+ 'dropdown-trigger-height': string | number;
675
+ 'height-small': string;
676
+ 'height-default': string;
677
+ 'height-large': string;
516
678
  left: string;
517
679
  center: string;
518
680
  right: string;
package/dist/theming/themes/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export { default as Alice } from './alice.theme';
2
2
  export { default as Loadsmart } from './loadsmart.theme';
3
+ export { default as Miranda } from './miranda-compatibility.theme';
package/dist/theming/themes/loadsmart.theme.d.ts CHANGED
@@ -75,23 +75,28 @@ export declare const BORDER_WIDTHS: {
75
75
  'border-width-medium': string;
76
76
  'border-width-bold': string;
77
77
  };
78
+ export declare const HEIGHTS: {
79
+ small: string;
80
+ default: string;
81
+ large: string;
82
+ };
78
83
  declare const loadsmart: {
79
84
  'button-border-radius': string | number;
80
85
  'button-border-width': string | number;
81
86
  'button-font-weight': string | number;
82
87
  'button-font-height': string | number;
83
88
  'button-small-font-size': string | number;
84
- 'button-small-height': string;
89
+ 'button-small-height': string | number;
85
90
  'button-small-padding-x': string | number;
86
91
  'button-small-padding-y': string;
87
92
  'button-font-size': string | number;
88
- 'button-height': string;
93
+ 'button-height': string | number;
89
94
  'button-width': string;
90
95
  'button-padding-y': string;
91
96
  'button-padding-x': string | number;
92
97
  'button-spacing-x': string | number;
93
98
  'button-large-font-size': string | number;
94
- 'button-large-height': string;
99
+ 'button-large-height': string | number;
95
100
  'button-large-padding-x': string | number;
96
101
  'button-large-padding-y': string;
97
102
  'button-primary-background': string | number;
@@ -158,9 +163,9 @@ declare const loadsmart: {
158
163
  'button-warning-color--disabled': string | number;
159
164
  'button-warning-outline': string | number;
160
165
  'button-icon-border-radius': string | number;
161
- 'button-icon-small-width': string;
162
- 'button-icon-width': string;
163
- 'button-icon-large-width': string;
166
+ 'button-icon-small-width': string | number;
167
+ 'button-icon-width': string | number;
168
+ 'button-icon-large-width': string | number;
164
169
  'button-icon-background': string | number;
165
170
  'button-icon-background--hover': string | number;
166
171
  'button-icon-background--focus': string | number;
@@ -347,15 +352,15 @@ declare const loadsmart: {
347
352
  'text-field-font-size': string | number;
348
353
  'text-field-font-weight': string | number;
349
354
  'text-field-font-height': string | number;
350
- 'text-field-height': string;
355
+ 'text-field-height': string | number;
351
356
  'text-field-padding-x': string | number;
352
357
  'text-field-padding-y': string | number;
353
358
  'text-field-outline': string | number;
354
- 'text-field-small-height': string;
359
+ 'text-field-small-height': string | number;
355
360
  'text-field-small-padding-x': string | number;
356
361
  'text-field-small-padding-y': string | number;
357
362
  'text-field-small-font-size': string | number;
358
- 'text-field-large-height': string;
363
+ 'text-field-large-height': string | number;
359
364
  'text-field-large-padding-x': string | number;
360
365
  'text-field-large-padding-y': string;
361
366
  'text-field-large-font-size': string | number;
@@ -541,6 +546,8 @@ declare const loadsmart: {
541
546
  'steps-conector-height--complete': string;
542
547
  'steps-conector-top': string;
543
548
  'steps-conector-top--complete': string;
549
+ 'steps-progress-step-background-color': string | number;
550
+ 'steps-progress-step-background-color--complete': string | number;
544
551
  'card-background': string | number;
545
552
  'card-border-color': string | number;
546
553
  'card-border-radius': string | number;
@@ -571,6 +578,13 @@ declare const loadsmart: {
571
578
  'side-navigation-component-margin-top': string | number;
572
579
  'side-navigation-logo-padding-x': string | number;
573
580
  'side-navigation-separator-color': string | number;
581
+ 'side-navigation-menu-title-font-weight': string | number;
582
+ 'side-navigation-menu-title-font-size': string | number;
583
+ 'side-navigation-menu-title-line-height': string | number;
584
+ 'side-navigation-menu-link-color--hover': string | number;
585
+ 'side-navigation-menu-link-background-color--active': string | number;
586
+ 'side-navigation-menu-link-box-shadow-color--active': string | number;
587
+ 'side-navigation-menu-item-color--focus': string | number;
574
588
  'table-row-default-color': string | number;
575
589
  'table-row-variant-color': string | number;
576
590
  'table-row-selected-color': string | number;
@@ -583,6 +597,66 @@ declare const loadsmart: {
583
597
  'top-navigation-item-icon-color': string | number;
584
598
  'top-navigation-item-color': string | number;
585
599
  'top-navigation-item-color--hover': string | number;
600
+ 'select-selected-option-check-color': string | number;
601
+ 'select-selected-option-background-color': string | number;
602
+ 'toggle-text-transform': string;
603
+ 'toggle-background-color': string | number;
604
+ 'toggle-background-color--hover': string | number;
605
+ 'toggle-background-color--focus': string | number;
606
+ 'toggle-background-color--active': string | number;
607
+ 'toggle-background-color--disabled': string | number;
608
+ 'toggle-checked-background-color': string | number;
609
+ 'toggle-checked-background-color--hover': string | number;
610
+ 'toggle-checked-background-color--focus': string | number;
611
+ 'toggle-checked-background-color--active': string | number;
612
+ 'toggle-checked-background-color--disabled': string | number;
613
+ 'toggle-color': string | number;
614
+ 'toggle-color--hover': string | number;
615
+ 'toggle-color--focus': string | number;
616
+ 'toggle-color--active': string | number;
617
+ 'toggle-color--disabled': string | number;
618
+ 'toggle-checked-color': string | number;
619
+ 'toggle-checked-color--hover': string | number;
620
+ 'toggle-checked-color--focus': string | number;
621
+ 'toggle-checked-color--active': string | number;
622
+ 'toggle-checked-color--disabled': string | number;
623
+ 'toggle-single-border-color': string | number;
624
+ 'toggle-single-border-color--hover': string | number;
625
+ 'toggle-single-border-color--focus': string | number;
626
+ 'toggle-single-border-color--active': string | number;
627
+ 'toggle-single-border-color--disabled': string | number;
628
+ 'toggle-single-checked-border-color': string | number;
629
+ 'toggle-single-checked-border-color--disabled': string | number;
630
+ 'toggle-single-font-size': string | number;
631
+ 'toggle-single-small-font-size': string;
632
+ 'toggle-single-height': string;
633
+ 'toggle-single-small-height': string;
634
+ 'toggle-multiple-border-color': string | number;
635
+ 'toggle-multiple-border-color--hover': string | number;
636
+ 'toggle-multiple-border-color--focus': string | number;
637
+ 'toggle-multiple-border-color--active': string | number;
638
+ 'toggle-multiple-border-color--disabled': string | number;
639
+ 'toggle-multiple-checked-border-color': string | number;
640
+ 'toggle-multiple-checked-border-color--disabled': string | number;
641
+ 'toggle-multiple-font-size': string | number;
642
+ 'toggle-multiple-small-font-size': string | number;
643
+ 'toggle-multiple-height': string;
644
+ 'toggle-multiple-small-height': string;
645
+ 'toggle-group-multiple-border-width': string;
646
+ 'toggle-group-multiple-border-style': string;
647
+ 'toggle-group-multiple-border-color': string;
648
+ 'toggle-group-multiple-border-radius': string;
649
+ 'toggle-group-multiple-padding': number;
650
+ 'toggle-group-single-border-width': string;
651
+ 'toggle-group-single-border-style': string;
652
+ 'toggle-group-single-border-color': string | number;
653
+ 'toggle-group-single-border-radius': string | number;
654
+ 'toggle-group-single-padding': string;
655
+ 'dropdown-trigger-expanded-color': string | number;
656
+ 'dropdown-trigger-height': string | number;
657
+ small: string;
658
+ default: string;
659
+ large: string;
586
660
  left: string;
587
661
  center: string;
588
662
  right: string;