@raxium/themes 0.1.7 → 0.1.9

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.
@@ -2435,6 +2435,10 @@
2435
2435
  &:active {
2436
2436
  background-color: var(--color-rz-green-dark);
2437
2437
  }
2438
+ &[data-focus] {
2439
+ --tw-shadow: var(--shadow-rui-outline);
2440
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2441
+ }
2438
2442
  &[data-state="checked"] {
2439
2443
  border-color: var(--color-rz-green);
2440
2444
  }
@@ -3154,6 +3158,10 @@
3154
3158
  .rui-switch-control {
3155
3159
  border-color: transparent;
3156
3160
  background-color: var(--color-h78);
3161
+ &[data-focus] {
3162
+ --tw-shadow: var(--shadow-rui-outline);
3163
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3164
+ }
3157
3165
  &[data-state="checked"] {
3158
3166
  background-color: var(--color-rz-green);
3159
3167
  }
@@ -3255,6 +3263,14 @@
3255
3263
  stroke: var(--color-rz-green);
3256
3264
  }
3257
3265
  }
3266
+ &[data-type='checkbox'] {
3267
+ &[data-highlighted]:not([data-disabled]) .rui-checkbox-control {
3268
+ border-color: var(--color-rz-green);
3269
+ }
3270
+ &[data-state='checked'] .rui-checkbox-indicator-checked {
3271
+ stroke: var(--color-h00);
3272
+ }
3273
+ }
3258
3274
  }
3259
3275
  .rui-menu-item-group-label {
3260
3276
  border-color: var(--color-h11);
@@ -4281,6 +4297,10 @@
4281
4297
  &:active {
4282
4298
  background-color: var(--color-rz-green-dark);
4283
4299
  }
4300
+ &[data-focus] {
4301
+ --tw-shadow: var(--shadow-rui-outline);
4302
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4303
+ }
4284
4304
  &[data-state="checked"] {
4285
4305
  border-color: var(--color-rz-green);
4286
4306
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@raxium/themes",
3
3
  "type": "module",
4
- "version": "0.1.7",
4
+ "version": "0.1.9",
5
5
  "description": "Themes for Raxium",
6
6
  "author": {
7
7
  "name": "Hwacc",
@@ -11,6 +11,7 @@
11
11
  @apply bg-transparent border-h55
12
12
  hover:border-rz-green
13
13
  focus:border-rz-green
14
+ data-focus:shadow-(--shadow-rui-outline)
14
15
  active:bg-rz-green-dark
15
16
  data-[state=checked]:bg-rz-green
16
17
  data-[state=checked]:border-rz-green
@@ -35,6 +35,14 @@
35
35
  @apply fill-transparent stroke-rz-green;
36
36
  }
37
37
  }
38
+ &[data-type='checkbox'] {
39
+ &[data-highlighted]:not([data-disabled]) .rui-checkbox-control {
40
+ @apply border-rz-green;
41
+ }
42
+ &[data-state='checked'] .rui-checkbox-indicator-checked {
43
+ @apply stroke-h00;
44
+ }
45
+ }
38
46
  }
39
47
 
40
48
  .rui-menu-item-group-label {
@@ -1,6 +1,7 @@
1
1
  @layer components {
2
2
  .rui-switch-control {
3
3
  @apply bg-h78
4
+ data-focus:shadow-(--shadow-rui-outline)
4
5
  data-[state=unchecked]:hover:bg-h78/80
5
6
  data-[state=checked]:bg-rz-green
6
7
  data-[state=checked]:hover:bg-rz-green-light