torch-glare 1.5.2 → 2.0.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 (9) hide show
  1. package/apps/lib/components/Breadcrumb.tsx +1 -1
  2. package/apps/lib/components/ButtonGroup.tsx +4 -4
  3. package/apps/lib/components/DropdownMenu.tsx +6 -6
  4. package/apps/lib/components/ImageAttachment.tsx +1 -1
  5. package/apps/lib/components/Popover.tsx +6 -6
  6. package/apps/lib/components/Select.tsx +6 -6
  7. package/apps/lib/components/Toggle.tsx +13 -13
  8. package/apps/lib/components/ToggleButton.tsx +6 -6
  9. package/package.json +1 -1
package/apps/lib/components/Breadcrumb.tsx CHANGED
@@ -255,7 +255,7 @@ const breadcrumbEllipsisStyles = cva(
255
255
  PresentationStyle: [
256
256
  "text-content-presentation-global-secondary",
257
257
  "hover:bg-background-presentation-action-hover",
258
- "hover:text-content-presentation-action-hover",
258
+ "hover:text-content-presentation-global-primary-inverse",
259
259
  ],
260
260
  SystemStyle: [
261
261
  "text-content-system-global-secondary",
package/apps/lib/components/ButtonGroup.tsx CHANGED
@@ -120,18 +120,18 @@ const buttonGroupItemStyles = cva(
120
120
  "text-content-presentation-action-light-primary",
121
121
  "border-border-presentation-action-disabled",
122
122
  "hover:bg-background-presentation-action-hover",
123
- "hover:text-content-presentation-action-hover",
123
+ "hover:text-content-presentation-global-primary-inverse",
124
124
  "data-[state=on]:bg-background-presentation-action-hover",
125
- "data-[state=on]:text-content-presentation-action-hover",
125
+ "data-[state=on]:text-content-presentation-global-primary-inverse",
126
126
  ],
127
127
  BorderStyle: [
128
128
  "bg-transparent",
129
129
  "text-content-presentation-action-light-primary",
130
130
  "border-border-presentation-action-disabled",
131
131
  "hover:bg-background-presentation-action-hover",
132
- "hover:text-content-presentation-action-hover",
132
+ "hover:text-content-presentation-global-primary-inverse",
133
133
  "data-[state=on]:bg-background-presentation-action-hover",
134
- "data-[state=on]:text-content-presentation-action-hover",
134
+ "data-[state=on]:text-content-presentation-global-primary-inverse",
135
135
  ],
136
136
  SystemStyle: [
137
137
  "bg-transparent",
package/apps/lib/components/DropdownMenu.tsx CHANGED
@@ -292,9 +292,9 @@ export const MenuItemStyles = cva(
292
292
  "text-content-presentation-action-light-primary",
293
293
  "bg-background-presentation-action-dropdown-primary",
294
294
  "hover:bg-background-presentation-action-hover",
295
- "hover:text-content-presentation-action-hover",
295
+ "hover:text-content-presentation-global-primary-inverse",
296
296
  "focus:bg-background-presentation-action-hover",
297
- "focus:text-content-presentation-action-hover",
297
+ "focus:text-content-presentation-global-primary-inverse",
298
298
  "disabled:text-content-presentation-state-disabled",
299
299
  "disabled:bg-white-00",
300
300
  ],
@@ -302,15 +302,15 @@ export const MenuItemStyles = cva(
302
302
  "text-content-presentation-state-information",
303
303
  "hover:bg-background-presentation-state-information-primary",
304
304
  "focus:bg-background-presentation-state-information-primary",
305
- "focus:text-content-presentation-action-hover",
306
- "hover:text-content-presentation-action-hover",
305
+ "focus:text-content-presentation-global-primary-inverse",
306
+ "hover:text-content-presentation-global-primary-inverse",
307
307
  ],
308
308
  Negative: [
309
309
  "text-content-presentation-state-negative",
310
310
  "hover:bg-background-presentation-state-negative-primary",
311
- "hover:text-content-presentation-action-hover",
311
+ "hover:text-content-presentation-global-primary-inverse",
312
312
  "focus:bg-background-presentation-state-negative-primary",
313
- "focus:text-content-presentation-action-hover",
313
+ "focus:text-content-presentation-global-primary-inverse",
314
314
  "active:text-content-presentation-state-negative",
315
315
  ],
316
316
  SystemStyle: [
package/apps/lib/components/ImageAttachment.tsx CHANGED
@@ -116,7 +116,7 @@ const ExpandableImage = ({ theme, previewSrc, expandLabel, placeholderLabel = "U
116
116
  <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
117
117
  <path d="M15.5 3.5L17.8 5.8L14.91 8.67L16.33 10.09L19.2 7.2L21.5 9.5V3.5H15.5ZM3.5 9.5L5.8 7.2L8.67 10.09L10.09 8.67L7.2 5.8L9.5 3.5H3.5V9.5ZM9.5 21.5L7.2 19.2L10.09 16.33L8.67 14.91L5.8 17.8L3.5 15.5V21.5H9.5ZM21.5 15.5L19.2 17.8L16.33 14.91L14.91 16.33L17.8 19.2L15.5 21.5H21.5V15.5Z" fill="#F9F9F9" />
118
118
  </svg>
119
- <p className='text-content-presentation-action-hover typography-labels-small-regular max-w-[50px] break-words m-0'>
119
+ <p className='text-content-presentation-global-primary-inverse typography-labels-small-regular max-w-[50px] break-words m-0'>
120
120
  {expandLabel}
121
121
  </p>
122
122
  </button>
package/apps/lib/components/Popover.tsx CHANGED
@@ -164,9 +164,9 @@ const PopoverItemStyles = cva(
164
164
  "text-content-presentation-action-light-primary",
165
165
  "bg-background-presentation-action-dropdown-primary",
166
166
  "hover:bg-background-presentation-action-hover",
167
- "hover:text-content-presentation-action-hover",
167
+ "hover:text-content-presentation-global-primary-inverse",
168
168
  "focus:bg-background-presentation-action-hover",
169
- "focus:text-content-presentation-action-hover",
169
+ "focus:text-content-presentation-global-primary-inverse",
170
170
  "disabled:text-content-presentation-state-disabled",
171
171
  "disabled:bg-white-00",
172
172
  ],
@@ -174,15 +174,15 @@ const PopoverItemStyles = cva(
174
174
  "text-content-presentation-state-information",
175
175
  "hover:bg-background-presentation-state-information-primary",
176
176
  "focus:bg-background-presentation-state-information-primary",
177
- "focus:text-content-presentation-action-hover",
178
- "hover:text-content-presentation-action-hover",
177
+ "focus:text-content-presentation-global-primary-inverse",
178
+ "hover:text-content-presentation-global-primary-inverse",
179
179
  ],
180
180
  Negative: [
181
181
  "text-content-presentation-state-negative",
182
182
  "hover:bg-background-presentation-state-negative-primary",
183
- "hover:text-content-presentation-action-hover",
183
+ "hover:text-content-presentation-global-primary-inverse",
184
184
  "focus:bg-background-presentation-state-negative-primary",
185
- "focus:text-content-presentation-action-hover",
185
+ "focus:text-content-presentation-global-primary-inverse",
186
186
  "active:text-content-presentation-state-negative",
187
187
  ],
188
188
  SystemStyle: [
package/apps/lib/components/Select.tsx CHANGED
@@ -286,9 +286,9 @@ const SelectItemStyles = cva(
286
286
  "text-content-presentation-action-light-primary",
287
287
  "bg-background-presentation-action-dropdown-primary",
288
288
  "hover:bg-background-presentation-action-hover",
289
- "hover:text-content-presentation-action-hover",
289
+ "hover:text-content-presentation-global-primary-inverse",
290
290
  "focus:bg-background-presentation-action-hover",
291
- "focus:text-content-presentation-action-hover",
291
+ "focus:text-content-presentation-global-primary-inverse",
292
292
  "disabled:text-content-presentation-state-disabled",
293
293
  "disabled:bg-white-00",
294
294
  ],
@@ -296,15 +296,15 @@ const SelectItemStyles = cva(
296
296
  "text-content-presentation-state-information",
297
297
  "hover:bg-background-presentation-state-information-primary",
298
298
  "focus:bg-background-presentation-state-information-primary",
299
- "focus:text-content-presentation-action-hover",
300
- "hover:text-content-presentation-action-hover",
299
+ "focus:text-content-presentation-global-primary-inverse",
300
+ "hover:text-content-presentation-global-primary-inverse",
301
301
  ],
302
302
  Negative: [
303
303
  "text-content-presentation-state-negative",
304
304
  "hover:bg-background-presentation-state-negative-primary",
305
- "hover:text-content-presentation-action-hover",
305
+ "hover:text-content-presentation-global-primary-inverse",
306
306
  "focus:bg-background-presentation-state-negative-primary",
307
- "focus:text-content-presentation-action-hover",
307
+ "focus:text-content-presentation-global-primary-inverse",
308
308
  "active:text-content-presentation-state-negative",
309
309
  ],
310
310
  SystemStyle: [
package/apps/lib/components/Toggle.tsx CHANGED
@@ -37,19 +37,19 @@ const toggleVariants = cva(
37
37
  "bg-background-presentation-action-secondary",
38
38
  "text-content-presentation-action-light-primary",
39
39
  "hover:bg-background-presentation-action-hover",
40
- "hover:text-content-presentation-action-hover",
40
+ "hover:text-content-presentation-global-primary-inverse",
41
41
  "focus:lg:focus:md:border lg:focus:md:border-border-presentation-state-focus", // Focus style only for medium screens and above
42
- "active:bg-background-presentation-action-hover active:text-content-presentation-action-hover",
43
- "data-[state=on]:bg-background-presentation-action-hover data-[state=on]:text-content-presentation-action-hover",
42
+ "active:bg-background-presentation-action-hover active:text-content-presentation-global-primary-inverse",
43
+ "data-[state=on]:bg-background-presentation-action-hover data-[state=on]:text-content-presentation-global-primary-inverse",
44
44
  ],
45
45
  BlueSecStyle: [
46
46
  "bg-background-presentation-action-secondary",
47
47
  "text-content-presentation-action-light-primary",
48
48
  "hover:bg-background-presentation-state-information-primary",
49
- "hover:text-content-presentation-action-hover",
49
+ "hover:text-content-presentation-global-primary-inverse",
50
50
  "focus:lg:border focus:lg:border-border-presentation-state-focus",
51
- "active:bg-background-presentation-state-information-primary active:text-content-presentation-action-hover",
52
- "data-[state=on]:bg-background-presentation-state-information-primary data-[state=on]:text-content-presentation-action-hover",
51
+ "active:bg-background-presentation-state-information-primary active:text-content-presentation-global-primary-inverse",
52
+ "data-[state=on]:bg-background-presentation-state-information-primary data-[state=on]:text-content-presentation-global-primary-inverse",
53
53
  ],
54
54
  YelSecStyle: [
55
55
  "bg-background-presentation-action-secondary",
@@ -64,22 +64,22 @@ const toggleVariants = cva(
64
64
  "bg-background-presentation-action-secondary",
65
65
  "text-content-presentation-action-light-primary",
66
66
  "hover:bg-background-presentation-state-negative-primary",
67
- "hover:text-content-presentation-action-hover",
67
+ "hover:text-content-presentation-global-primary-inverse",
68
68
  "focus:lg:border focus:lg:border-border-presentation-state-focus",
69
- "active:bg-background-presentation-state-negative-primary active:text-content-presentation-action-hover",
70
- "data-[state=on]:bg-background-presentation-state-negative-primary data-[state=on]:text-content-presentation-action-hover",
69
+ "active:bg-background-presentation-state-negative-primary active:text-content-presentation-global-primary-inverse",
70
+ "data-[state=on]:bg-background-presentation-state-negative-primary data-[state=on]:text-content-presentation-global-primary-inverse",
71
71
  ],
72
72
  BorderStyle: [
73
73
  "text-content-presentation-action-light-primary",
74
74
  "border border-border-presentation-action-disabled",
75
75
  "bg-background-presentation-action-borderstyle",
76
76
  "hover:bg-background-presentation-action-hover",
77
- "hover:text-content-presentation-action-hover",
77
+ "hover:text-content-presentation-global-primary-inverse",
78
78
  "focus:lg:border focus:lg:border-border-presentation-state-focus",
79
79
  "focus:lg:text-content-presentation-action-light-primary",
80
- "focus:hover:lg:text-content-presentation-action-hover",
81
- "active:bg-background-presentation-action-hover active:text-content-presentation-action-hover",
82
- "data-[state=on]:bg-background-presentation-action-hover data-[state=on]:text-content-presentation-action-hover",
80
+ "focus:hover:lg:text-content-presentation-global-primary-inverse",
81
+ "active:bg-background-presentation-action-hover active:text-content-presentation-global-primary-inverse",
82
+ "data-[state=on]:bg-background-presentation-action-hover data-[state=on]:text-content-presentation-global-primary-inverse",
83
83
  ],
84
84
  PrimeContStyle: [
85
85
  "text-content-presentation-action-light-primary",
package/apps/lib/components/ToggleButton.tsx CHANGED
@@ -29,29 +29,29 @@ const toggleButtonStyles = cva(
29
29
  "bg-background-presentation-action-secondary",
30
30
  "text-content-presentation-action-light-primary",
31
31
  "hover:bg-background-presentation-action-hover",
32
- "hover:text-content-presentation-action-hover",
32
+ "hover:text-content-presentation-global-primary-inverse",
33
33
  "focus-visible:ring-2 focus-visible:ring-border-presentation-state-focus",
34
34
  "data-[state=on]:bg-background-presentation-action-hover",
35
- "data-[state=on]:text-content-presentation-action-hover",
35
+ "data-[state=on]:text-content-presentation-global-primary-inverse",
36
36
  ],
37
37
  BlueSecStyle: [
38
38
  "bg-background-presentation-action-secondary",
39
39
  "text-content-presentation-action-light-primary",
40
40
  "hover:bg-background-presentation-state-information-primary",
41
- "hover:text-content-presentation-action-hover",
41
+ "hover:text-content-presentation-global-primary-inverse",
42
42
  "focus-visible:ring-2 focus-visible:ring-border-presentation-state-focus",
43
43
  "data-[state=on]:bg-background-presentation-state-information-primary",
44
- "data-[state=on]:text-content-presentation-action-hover",
44
+ "data-[state=on]:text-content-presentation-global-primary-inverse",
45
45
  ],
46
46
  BorderStyle: [
47
47
  "bg-background-presentation-action-borderstyle",
48
48
  "text-content-presentation-action-light-primary",
49
49
  "border-border-presentation-action-disabled",
50
50
  "hover:bg-background-presentation-action-hover",
51
- "hover:text-content-presentation-action-hover",
51
+ "hover:text-content-presentation-global-primary-inverse",
52
52
  "focus-visible:ring-2 focus-visible:ring-border-presentation-state-focus",
53
53
  "data-[state=on]:bg-background-presentation-action-hover",
54
- "data-[state=on]:text-content-presentation-action-hover",
54
+ "data-[state=on]:text-content-presentation-global-primary-inverse",
55
55
  ],
56
56
  PrimeContStyle: [
57
57
  "bg-transparent",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "torch-glare",
3
- "version": "1.5.2",
3
+ "version": "2.0.0",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "files": [