@raxium/themes 0.1.7 → 0.1.8

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
  }
@@ -4281,6 +4289,10 @@
4281
4289
  &:active {
4282
4290
  background-color: var(--color-rz-green-dark);
4283
4291
  }
4292
+ &[data-focus] {
4293
+ --tw-shadow: var(--shadow-rui-outline);
4294
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
4295
+ }
4284
4296
  &[data-state="checked"] {
4285
4297
  border-color: var(--color-rz-green);
4286
4298
  }
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.8",
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
@@ -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