@fewangsit/wangsvue-presets 1.0.91-alpha.2 → 1.0.91-alpha.3

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 (56) hide show
  1. package/fixedasset/style.css +129 -0
  2. package/package.json +1 -1
  3. package/supplyasset/badge/index.d.ts +2 -2
  4. package/supplyasset/badge/index.js +2 -2
  5. package/supplyasset/badgedirective/index.d.ts +3 -3
  6. package/supplyasset/badgedirective/index.js +1 -1
  7. package/supplyasset/badgegroup/index.js +1 -1
  8. package/supplyasset/breadcrumb/index.d.ts +1 -1
  9. package/supplyasset/breadcrumb/index.js +1 -1
  10. package/supplyasset/button/index.js +10 -10
  11. package/supplyasset/buttonbulkaction/index.js +3 -3
  12. package/supplyasset/buttondownload/index.js +1 -1
  13. package/supplyasset/buttonradio/index.d.ts +4 -4
  14. package/supplyasset/buttonradio/index.js +2 -2
  15. package/supplyasset/buttonsearch/index.js +4 -4
  16. package/supplyasset/calendar/index.js +2 -2
  17. package/supplyasset/carousel/index.d.ts +1 -1
  18. package/supplyasset/carousel/index.js +1 -1
  19. package/supplyasset/changelog/index.js +1 -1
  20. package/supplyasset/checkbox/index.d.ts +4 -4
  21. package/supplyasset/checkbox/index.js +2 -2
  22. package/supplyasset/colors.config.json +13 -1
  23. package/supplyasset/datatable/index.d.ts +9 -9
  24. package/supplyasset/datatable/index.js +3 -3
  25. package/supplyasset/dialog/index.js +1 -1
  26. package/supplyasset/dropdown/index.d.ts +7 -7
  27. package/supplyasset/dropdown/index.js +2 -2
  28. package/supplyasset/fieldwrapper/index.js +1 -1
  29. package/supplyasset/index.system.js +2 -2
  30. package/supplyasset/inputgroup/index.js +1 -1
  31. package/supplyasset/inputphonenumber/index.js +2 -2
  32. package/supplyasset/message/index.js +1 -1
  33. package/supplyasset/multiselect/index.d.ts +13 -13
  34. package/supplyasset/multiselect/index.js +2 -2
  35. package/supplyasset/paginator/index.d.ts +7 -7
  36. package/supplyasset/paginator/index.js +3 -3
  37. package/supplyasset/password/index.js +2 -2
  38. package/supplyasset/steps/index.d.ts +17 -17
  39. package/supplyasset/steps/index.js +5 -5
  40. package/{globalsettings → supplyasset}/style.css +263 -206
  41. package/supplyasset/tabmenu/index.d.ts +15 -15
  42. package/supplyasset/tabmenu/index.js +3 -3
  43. package/supplyasset/toast/index.d.ts +2 -2
  44. package/supplyasset/toast/index.js +2 -2
  45. package/supplyasset/togglebutton/index.d.ts +3 -3
  46. package/supplyasset/togglebutton/index.js +1 -1
  47. package/supplyasset/toggleswitch/index.d.ts +5 -5
  48. package/supplyasset/toggleswitch/index.js +3 -3
  49. package/supplyasset/tooltip/index.js +5 -5
  50. package/supplyasset/tree/index.d.ts +9 -9
  51. package/supplyasset/tree/index.js +5 -5
  52. package/supplyasset/treeselect/index.d.ts +14 -14
  53. package/supplyasset/treeselect/index.js +9 -9
  54. package/supplyasset/tristatecheckbox/index.d.ts +6 -6
  55. package/supplyasset/tristatecheckbox/index.js +2 -2
  56. package/wangsvue/style.css +129 -0
package/supplyasset/tabmenu/index.d.ts CHANGED
@@ -21,11 +21,11 @@ declare namespace _default {
21
21
  'p-2 pb-1.5 pt-0.5 !h-6': boolean;
22
22
  'ml-1': boolean;
23
23
  'border-b-2'?: undefined;
24
- 'border-primary-500'?: undefined;
24
+ 'border-primary-700'?: undefined;
25
25
  'border-grayscale-400'?: undefined;
26
26
  'text-grayscale-600'?: undefined;
27
- 'text-primary-500'?: undefined;
28
- 'bg-primary-50 text-primary-500'?: undefined;
27
+ 'text-primary-700'?: undefined;
28
+ 'bg-primary-50 text-primary-700'?: undefined;
29
29
  'bg-grayscale-200 text-grayscale-800'?: undefined;
30
30
  'bg-transparent '?: undefined;
31
31
  'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
@@ -36,22 +36,22 @@ declare namespace _default {
36
36
  'rounded-xl py-1 px-3'?: undefined;
37
37
  'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
38
38
  'ml-1'?: undefined;
39
- 'border-primary-500'?: undefined;
39
+ 'border-primary-700'?: undefined;
40
40
  'border-grayscale-400'?: undefined;
41
41
  'text-grayscale-600'?: undefined;
42
- 'text-primary-500'?: undefined;
43
- 'bg-primary-50 text-primary-500'?: undefined;
42
+ 'text-primary-700'?: undefined;
43
+ 'bg-primary-50 text-primary-700'?: undefined;
44
44
  'bg-grayscale-200 text-grayscale-800'?: undefined;
45
45
  'bg-transparent '?: undefined;
46
46
  'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
47
47
  'pointer-events-none'?: undefined;
48
48
  'opacity-60'?: undefined;
49
49
  } | {
50
- 'border-primary-500': any;
50
+ 'border-primary-700': any;
51
51
  'border-grayscale-400': boolean;
52
52
  'text-grayscale-600': boolean;
53
- 'text-primary-500': any;
54
- 'bg-primary-50 text-primary-500': any;
53
+ 'text-primary-700': any;
54
+ 'bg-primary-50 text-primary-700': any;
55
55
  'bg-grayscale-200 text-grayscale-800': boolean;
56
56
  'bg-transparent ': boolean;
57
57
  'rounded-xl py-1 px-3'?: undefined;
@@ -67,11 +67,11 @@ declare namespace _default {
67
67
  'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
68
68
  'ml-1'?: undefined;
69
69
  'border-b-2'?: undefined;
70
- 'border-primary-500'?: undefined;
70
+ 'border-primary-700'?: undefined;
71
71
  'border-grayscale-400'?: undefined;
72
72
  'text-grayscale-600'?: undefined;
73
- 'text-primary-500'?: undefined;
74
- 'bg-primary-50 text-primary-500'?: undefined;
73
+ 'text-primary-700'?: undefined;
74
+ 'bg-primary-50 text-primary-700'?: undefined;
75
75
  'bg-grayscale-200 text-grayscale-800'?: undefined;
76
76
  'bg-transparent '?: undefined;
77
77
  'pointer-events-none'?: undefined;
@@ -83,11 +83,11 @@ declare namespace _default {
83
83
  'p-2 pb-1.5 pt-0.5 !h-6'?: undefined;
84
84
  'ml-1'?: undefined;
85
85
  'border-b-2'?: undefined;
86
- 'border-primary-500'?: undefined;
86
+ 'border-primary-700'?: undefined;
87
87
  'border-grayscale-400'?: undefined;
88
88
  'text-grayscale-600'?: undefined;
89
- 'text-primary-500'?: undefined;
90
- 'bg-primary-50 text-primary-500'?: undefined;
89
+ 'text-primary-700'?: undefined;
90
+ 'bg-primary-50 text-primary-700'?: undefined;
91
91
  'bg-grayscale-200 text-grayscale-800'?: undefined;
92
92
  'bg-transparent '?: undefined;
93
93
  'focus-visible:border-primary-200 focus-visible:text-primary-400'?: undefined;
package/supplyasset/tabmenu/index.js CHANGED
@@ -42,11 +42,11 @@ exports.default = {
42
42
  },
43
43
  // Colors and Conditions
44
44
  {
45
- 'border-primary-500': state.active,
45
+ 'border-primary-700': state.active,
46
46
  'border-grayscale-400': !state.active,
47
47
  'text-grayscale-600': !state.active,
48
- 'text-primary-500': state.active,
49
- 'bg-primary-50 text-primary-500': context.type === 'pill' && state.active,
48
+ 'text-primary-700': state.active,
49
+ 'bg-primary-50 text-primary-700': context.type === 'pill' && state.active,
50
50
  'bg-grayscale-200 text-grayscale-800': context.type === 'pill' && !state.active,
51
51
  'bg-transparent ': context.type !== 'pill' && !state.active,
52
52
  },
package/supplyasset/toast/index.d.ts CHANGED
@@ -13,7 +13,7 @@ declare namespace _default {
13
13
  class: (string | {
14
14
  'border-success-500 text-success-500 bg-success-50': boolean;
15
15
  'border-danger-500 text-danger-500 bg-danger-50': boolean;
16
- 'border-primary-500 text-primary-500 bg-primary-50': boolean;
16
+ 'border-primary-700 text-primary-700 bg-primary-50': boolean;
17
17
  })[];
18
18
  'data-wv-severity': any;
19
19
  };
@@ -43,7 +43,7 @@ declare namespace _default {
43
43
  class: (string | {
44
44
  'text-success-500 hover:bg-success-100': boolean;
45
45
  'text-danger-500 hover:bg-danger-100': boolean;
46
- 'text-primary-500 hover:bg-primary-100': boolean;
46
+ 'text-primary-700 hover:bg-primary-100': boolean;
47
47
  })[];
48
48
  };
49
49
  namespace closeicon {
package/supplyasset/toast/index.js CHANGED
@@ -26,7 +26,7 @@ exports.default = {
26
26
  {
27
27
  'border-success-500 text-success-500 bg-success-50': props.message.severity === 'success',
28
28
  'border-danger-500 text-danger-500 bg-danger-50': props.message.severity === 'error',
29
- 'border-primary-500 text-primary-500 bg-primary-50': props.message.severity === 'info',
29
+ 'border-primary-700 text-primary-700 bg-primary-50': props.message.severity === 'info',
30
30
  },
31
31
  ],
32
32
  'data-wv-severity': props.message.severity,
@@ -68,7 +68,7 @@ exports.default = {
68
68
  {
69
69
  'text-success-500 hover:bg-success-100': props.message.severity === 'success',
70
70
  'text-danger-500 hover:bg-danger-100': props.message.severity === 'error',
71
- 'text-primary-500 hover:bg-primary-100': props.message.severity === 'info',
71
+ 'text-primary-700 hover:bg-primary-100': props.message.severity === 'info',
72
72
  },
73
73
  // Transitions
74
74
  'transition duration-200 ease-in-out',
package/supplyasset/togglebutton/index.d.ts CHANGED
@@ -9,11 +9,11 @@ declare namespace _default {
9
9
  class: (string | {
10
10
  'bg-surface-0 ': boolean;
11
11
  'bg-surface-100': any;
12
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-inset peer-focus-visible:ring-primary-500'?: undefined;
12
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-inset peer-focus-visible:ring-primary-700'?: undefined;
13
13
  'cursor-pointer'?: undefined;
14
14
  'opacity-60 select-none pointer-events-none cursor-default'?: undefined;
15
15
  } | {
16
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-inset peer-focus-visible:ring-primary-500': boolean;
16
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-inset peer-focus-visible:ring-primary-700': boolean;
17
17
  'bg-surface-0 '?: undefined;
18
18
  'bg-surface-100'?: undefined;
19
19
  'cursor-pointer'?: undefined;
@@ -23,7 +23,7 @@ declare namespace _default {
23
23
  'opacity-60 select-none pointer-events-none cursor-default': any;
24
24
  'bg-surface-0 '?: undefined;
25
25
  'bg-surface-100'?: undefined;
26
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-inset peer-focus-visible:ring-primary-500'?: undefined;
26
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-inset peer-focus-visible:ring-primary-700'?: undefined;
27
27
  })[];
28
28
  };
29
29
  namespace label {
package/supplyasset/togglebutton/index.js CHANGED
@@ -33,7 +33,7 @@ exports.default = {
33
33
  // States
34
34
  'peer-hover:bg-surface-200',
35
35
  {
36
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-inset peer-focus-visible:ring-primary-500': !props.disabled,
36
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-inset peer-focus-visible:ring-primary-700': !props.disabled,
37
37
  },
38
38
  // Transitions
39
39
  'transition-all duration-200',
package/supplyasset/toggleswitch/index.d.ts CHANGED
@@ -17,7 +17,7 @@ declare namespace _default {
17
17
  'before:bg-white'?: undefined;
18
18
  'before:bg-general-100'?: undefined;
19
19
  'bg-white ring-general-100'?: undefined;
20
- 'bg-primary-500 ring-transparent'?: undefined;
20
+ 'bg-primary-700 ring-transparent'?: undefined;
21
21
  'bg-general-200 ring-transparent'?: undefined;
22
22
  'bg-general-200 ring-general-100'?: undefined;
23
23
  '!bg-danger-500 before:!bg-white ring-transparent'?: undefined;
@@ -30,7 +30,7 @@ declare namespace _default {
30
30
  'before:bg-white'?: undefined;
31
31
  'before:bg-general-100'?: undefined;
32
32
  'bg-white ring-general-100'?: undefined;
33
- 'bg-primary-500 ring-transparent'?: undefined;
33
+ 'bg-primary-700 ring-transparent'?: undefined;
34
34
  'bg-general-200 ring-transparent'?: undefined;
35
35
  'bg-general-200 ring-general-100'?: undefined;
36
36
  '!bg-danger-500 before:!bg-white ring-transparent'?: undefined;
@@ -43,7 +43,7 @@ declare namespace _default {
43
43
  'before:bg-white'?: undefined;
44
44
  'before:bg-general-100'?: undefined;
45
45
  'bg-white ring-general-100'?: undefined;
46
- 'bg-primary-500 ring-transparent'?: undefined;
46
+ 'bg-primary-700 ring-transparent'?: undefined;
47
47
  'bg-general-200 ring-transparent'?: undefined;
48
48
  'bg-general-200 ring-general-100'?: undefined;
49
49
  '!bg-danger-500 before:!bg-white ring-transparent'?: undefined;
@@ -52,7 +52,7 @@ declare namespace _default {
52
52
  'before:bg-white': boolean;
53
53
  'before:bg-general-100': boolean;
54
54
  'bg-white ring-general-100': boolean;
55
- 'bg-primary-500 ring-transparent': boolean;
55
+ 'bg-primary-700 ring-transparent': boolean;
56
56
  'bg-general-200 ring-transparent': any;
57
57
  'bg-general-200 ring-general-100': any;
58
58
  'before:transform before:translate-x-[calc(18px)]'?: undefined;
@@ -71,7 +71,7 @@ declare namespace _default {
71
71
  'before:bg-white'?: undefined;
72
72
  'before:bg-general-100'?: undefined;
73
73
  'bg-white ring-general-100'?: undefined;
74
- 'bg-primary-500 ring-transparent'?: undefined;
74
+ 'bg-primary-700 ring-transparent'?: undefined;
75
75
  'bg-general-200 ring-transparent'?: undefined;
76
76
  'bg-general-200 ring-general-100'?: undefined;
77
77
  })[];
package/supplyasset/toggleswitch/index.js CHANGED
@@ -53,7 +53,7 @@ exports.default = {
53
53
  // Inactive and Enabled
54
54
  'bg-white ring-general-100': props.modelValue !== props.trueValue && !props.disabled,
55
55
  // Active and Enabled
56
- 'bg-primary-500 ring-transparent': props.modelValue == props.trueValue && !props.disabled,
56
+ 'bg-primary-700 ring-transparent': props.modelValue == props.trueValue && !props.disabled,
57
57
  // Active and Disabled
58
58
  'bg-general-200 ring-transparent': props.modelValue == props.trueValue && props.disabled,
59
59
  // Inactive and Disabled
@@ -65,7 +65,7 @@ exports.default = {
65
65
  '!bg-success-500 before:!bg-white ring-transparent': props.modelValue == props.trueValue && !props.disabled,
66
66
  },
67
67
  // States
68
- 'peer-focus-visible:!outline peer-focus-visible:!outline-offset-0 peer-focus-visible:!outline-primary-500/[5%]',
68
+ 'peer-focus-visible:!outline peer-focus-visible:!outline-offset-0 peer-focus-visible:!outline-primary-700/[5%]',
69
69
  // Transition
70
70
  'transition-colors duration-200',
71
71
  // Misc
@@ -122,6 +122,6 @@ exports.default = {
122
122
  class: 'ml-1 leading-4',
123
123
  },
124
124
  tooltipicon: {
125
- class: 'text-primary-500 w-[10px] h-[10px]',
125
+ class: 'text-primary-700 w-[10px] h-[10px]',
126
126
  },
127
127
  };
package/supplyasset/tooltip/index.js CHANGED
@@ -26,15 +26,15 @@ exports.default = {
26
26
  // Shape
27
27
  'rounded-[10px]',
28
28
  // Background
29
- 'bg-white',
29
+ 'bg-primary-50',
30
30
  // Spacing
31
- 'px-3 py-1',
31
+ 'px-2 py-1',
32
32
  // Typography
33
- 'text-xs font-normal leading-4 text-left',
33
+ 'text-xs font-light leading-4 text-left tracking-[0.02em]',
34
34
  // Color
35
- 'text-grayscale-900',
35
+ 'text-primary-700',
36
36
  // Misc
37
- 'shadow-[0px_4px_4px_0px_#00000040]',
37
+ 'shadow-[-4px_4px_20px_0px_#0000001A]',
38
38
  'whitespace-pre-line',
39
39
  'break-words',
40
40
  ],
package/supplyasset/tree/index.d.ts CHANGED
@@ -84,22 +84,22 @@ declare namespace _default {
84
84
  }): {
85
85
  class: (string | {
86
86
  'border-surface-300 bg-surface-0': boolean;
87
- 'border-primary-500 bg-primary-500': any;
88
- 'ring-2 ring-primary-500'?: undefined;
87
+ 'border-primary-700 bg-primary-700': any;
88
+ 'ring-2 ring-primary-700'?: undefined;
89
89
  'cursor-default opacity-60'?: undefined;
90
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500'?: undefined;
90
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-700'?: undefined;
91
91
  } | {
92
- 'ring-2 ring-primary-500': any;
92
+ 'ring-2 ring-primary-700': any;
93
93
  'cursor-default opacity-60': any;
94
94
  'border-surface-300 bg-surface-0'?: undefined;
95
- 'border-primary-500 bg-primary-500'?: undefined;
96
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500'?: undefined;
95
+ 'border-primary-700 bg-primary-700'?: undefined;
96
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-700'?: undefined;
97
97
  } | {
98
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500': boolean;
98
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-700': boolean;
99
99
  'cursor-default opacity-60': any;
100
100
  'border-surface-300 bg-surface-0'?: undefined;
101
- 'border-primary-500 bg-primary-500'?: undefined;
102
- 'ring-2 ring-primary-500'?: undefined;
101
+ 'border-primary-700 bg-primary-700'?: undefined;
102
+ 'ring-2 ring-primary-700'?: undefined;
103
103
  })[];
104
104
  };
105
105
  export namespace input {
package/supplyasset/tree/index.js CHANGED
@@ -140,15 +140,15 @@ exports.default = {
140
140
  'text-surface-600',
141
141
  {
142
142
  'border-surface-300 bg-surface-0': !context.checked,
143
- 'border-primary-500 bg-primary-500': context.checked,
143
+ 'border-primary-700 bg-primary-700': context.checked,
144
144
  },
145
145
  {
146
- 'ring-2 ring-primary-500': !props.disabled && context.focused,
146
+ 'ring-2 ring-primary-700': !props.disabled && context.focused,
147
147
  'cursor-default opacity-60': props.disabled,
148
148
  },
149
149
  // States
150
150
  {
151
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500': !props.disabled,
151
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-700': !props.disabled,
152
152
  'cursor-default opacity-60': props.disabled,
153
153
  },
154
154
  // Transitions
@@ -231,8 +231,8 @@ exports.default = {
231
231
  'bg-surface-0',
232
232
  'ring-1 ring-inset ring-surface-300',
233
233
  // States
234
- 'hover:border-primary-500',
235
- 'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-500',
234
+ 'hover:border-primary-700',
235
+ 'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-700',
236
236
  // Transition & Misc
237
237
  'appearance-none',
238
238
  'transition-colors duration-200',
package/supplyasset/treeselect/index.d.ts CHANGED
@@ -5,14 +5,14 @@ declare namespace _default {
5
5
  }): {
6
6
  class: (string | {
7
7
  'ring-1 ring-inset ring-surface-300': boolean;
8
- 'ring-2 ring-inset ring-primary-500': any;
8
+ 'ring-2 ring-inset ring-primary-700': any;
9
9
  'opacity-60'?: undefined;
10
10
  'pointer-events-none'?: undefined;
11
11
  } | {
12
12
  'opacity-60': any;
13
13
  'pointer-events-none': any;
14
14
  'ring-1 ring-inset ring-surface-300'?: undefined;
15
- 'ring-2 ring-inset ring-primary-500'?: undefined;
15
+ 'ring-2 ring-inset ring-primary-700'?: undefined;
16
16
  })[];
17
17
  };
18
18
  namespace labelContainer {
@@ -59,16 +59,16 @@ declare namespace _default {
59
59
  props: any;
60
60
  }): {
61
61
  class: (string | {
62
- 'bg-surface-100 text-primary-500': any;
62
+ 'bg-surface-100 text-primary-700': any;
63
63
  'hover:bg-surface-200'?: undefined;
64
64
  'cursor-pointer select-none'?: undefined;
65
65
  } | {
66
66
  'hover:bg-surface-200': boolean;
67
- 'bg-surface-100 text-primary-500'?: undefined;
67
+ 'bg-surface-100 text-primary-700'?: undefined;
68
68
  'cursor-pointer select-none'?: undefined;
69
69
  } | {
70
70
  'cursor-pointer select-none': boolean;
71
- 'bg-surface-100 text-primary-500'?: undefined;
71
+ 'bg-surface-100 text-primary-700'?: undefined;
72
72
  'hover:bg-surface-200'?: undefined;
73
73
  })[];
74
74
  };
@@ -95,22 +95,22 @@ declare namespace _default {
95
95
  }): {
96
96
  class: (string | {
97
97
  'border-surface-300 bg-surface-0': boolean;
98
- 'border-primary-500 bg-primary-500': any;
99
- 'ring-2 ring-primary-500'?: undefined;
98
+ 'border-primary-700 bg-primary-700': any;
99
+ 'ring-2 ring-primary-700'?: undefined;
100
100
  'cursor-default opacity-60'?: undefined;
101
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500'?: undefined;
101
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-700'?: undefined;
102
102
  } | {
103
- 'ring-2 ring-primary-500': any;
103
+ 'ring-2 ring-primary-700': any;
104
104
  'cursor-default opacity-60': any;
105
105
  'border-surface-300 bg-surface-0'?: undefined;
106
- 'border-primary-500 bg-primary-500'?: undefined;
107
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500'?: undefined;
106
+ 'border-primary-700 bg-primary-700'?: undefined;
107
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-700'?: undefined;
108
108
  } | {
109
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500': boolean;
109
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-700': boolean;
110
110
  'cursor-default opacity-60': any;
111
111
  'border-surface-300 bg-surface-0'?: undefined;
112
- 'border-primary-500 bg-primary-500'?: undefined;
113
- 'ring-2 ring-primary-500'?: undefined;
112
+ 'border-primary-700 bg-primary-700'?: undefined;
113
+ 'ring-2 ring-primary-700'?: undefined;
114
114
  })[];
115
115
  };
116
116
  export namespace input {
package/supplyasset/treeselect/index.js CHANGED
@@ -17,7 +17,7 @@ exports.default = {
17
17
  // States
18
18
  {
19
19
  'ring-1 ring-inset ring-surface-300': !state.focused,
20
- 'ring-2 ring-inset ring-primary-500': state.focused,
20
+ 'ring-2 ring-inset ring-primary-700': state.focused,
21
21
  },
22
22
  // Misc
23
23
  'cursor-default',
@@ -105,7 +105,7 @@ exports.default = {
105
105
  class: [
106
106
  'p-0',
107
107
  'rounded-md',
108
- 'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-500',
108
+ 'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-700',
109
109
  ],
110
110
  },
111
111
  content: function (_a) {
@@ -121,7 +121,7 @@ exports.default = {
121
121
  // Colors
122
122
  'text-surface-700',
123
123
  {
124
- 'bg-surface-100 text-primary-500': context.selected,
124
+ 'bg-surface-100 text-primary-700': context.selected,
125
125
  },
126
126
  // States
127
127
  {
@@ -160,7 +160,7 @@ exports.default = {
160
160
  'hover:text-surface-700',
161
161
  'hover:bg-surface-100',
162
162
  'focus:outline-none focus:outline-offset-0 focus:ring-1 focus:ring-inset',
163
- 'focus:ring-primary-500',
163
+ 'focus:ring-primary-700',
164
164
  // Transition
165
165
  'transition duration-200',
166
166
  // Misc
@@ -211,15 +211,15 @@ exports.default = {
211
211
  'text-surface-600',
212
212
  {
213
213
  'border-surface-300 bg-surface-0': !context.checked,
214
- 'border-primary-500 bg-primary-500': context.checked,
214
+ 'border-primary-700 bg-primary-700': context.checked,
215
215
  },
216
216
  {
217
- 'ring-2 ring-primary-500': !props.disabled && context.focused,
217
+ 'ring-2 ring-primary-700': !props.disabled && context.focused,
218
218
  'cursor-default opacity-60': props.disabled,
219
219
  },
220
220
  // States
221
221
  {
222
- 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500': !props.disabled,
222
+ 'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-700': !props.disabled,
223
223
  'cursor-default opacity-60': props.disabled,
224
224
  },
225
225
  // Transitions
@@ -307,8 +307,8 @@ exports.default = {
307
307
  'bg-surface-0',
308
308
  'ring-1 ring-inset ring-surface-300',
309
309
  // States
310
- 'hover:border-primary-500',
311
- 'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-500',
310
+ 'hover:border-primary-700',
311
+ 'focus:outline-none focus:outline-offset-0 focus:ring-2 focus:ring-inset focus:ring-primary-700',
312
312
  // Transition & Misc
313
313
  'appearance-none',
314
314
  'transition-colors duration-200',
package/supplyasset/tristatecheckbox/index.d.ts CHANGED
@@ -9,17 +9,17 @@ declare namespace _default {
9
9
  }): {
10
10
  class: (string | {
11
11
  'border-general-100 bg-surface-0': boolean;
12
- 'border-primary-500 bg-primary-500': boolean;
13
- 'ring-2 ring-primary-500'?: undefined;
12
+ 'border-primary-700 bg-primary-700': boolean;
13
+ 'ring-2 ring-primary-700'?: undefined;
14
14
  'cursor-default'?: undefined;
15
15
  'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-primary'?: undefined;
16
16
  'cursor-default bg-general-50 border-general-200'?: undefined;
17
17
  'bg-general-200 border-general-200'?: undefined;
18
18
  } | {
19
- 'ring-2 ring-primary-500': any;
19
+ 'ring-2 ring-primary-700': any;
20
20
  'cursor-default': any;
21
21
  'border-general-100 bg-surface-0'?: undefined;
22
- 'border-primary-500 bg-primary-500'?: undefined;
22
+ 'border-primary-700 bg-primary-700'?: undefined;
23
23
  'peer-focus-visible:ring-2 peer-focus-visible:ring-offset-1 peer-focus-visible:ring-primary'?: undefined;
24
24
  'cursor-default bg-general-50 border-general-200'?: undefined;
25
25
  'bg-general-200 border-general-200'?: undefined;
@@ -28,8 +28,8 @@ declare namespace _default {
28
28
  'cursor-default bg-general-50 border-general-200': boolean;
29
29
  'bg-general-200 border-general-200': any;
30
30
  'border-general-100 bg-surface-0'?: undefined;
31
- 'border-primary-500 bg-primary-500'?: undefined;
32
- 'ring-2 ring-primary-500'?: undefined;
31
+ 'border-primary-700 bg-primary-700'?: undefined;
32
+ 'ring-2 ring-primary-700'?: undefined;
33
33
  'cursor-default'?: undefined;
34
34
  })[];
35
35
  };
package/supplyasset/tristatecheckbox/index.js CHANGED
@@ -31,10 +31,10 @@ exports.default = {
31
31
  'text-surface-0',
32
32
  {
33
33
  'border-general-100 bg-surface-0': !context.active && !props.disabled,
34
- 'border-primary-500 bg-primary-500': context.active && !props.disabled,
34
+ 'border-primary-700 bg-primary-700': context.active && !props.disabled,
35
35
  },
36
36
  {
37
- 'ring-2 ring-primary-500': !props.disabled && context.focused,
37
+ 'ring-2 ring-primary-700': !props.disabled && context.focused,
38
38
  'cursor-default': props.disabled,
39
39
  },
40
40
  // States