@uxf/ui 11.37.0 → 11.38.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 (8) hide show
  1. package/css/button.css +2 -2
  2. package/css/text-link.css +2 -6
  3. package/css/toggle.css +1 -1
  4. package/icon-button/README.md +1 -0
  5. package/package.json +1 -1
  6. package/tw-tokens/tw-colors.d.ts +0 -2
  7. package/tw-tokens/tw-colors.js +0 -2
  8. package/utils/tailwind-config.js +0 -4
package/css/button.css CHANGED
@@ -133,8 +133,8 @@
133
133
  --uxf-button-text-color-hover: theme("colors.base_text_inverted_high_emphasis");
134
134
 
135
135
  &.uxf-button--color-default {
136
- --uxf-button-background-color: theme("colors.primary_surface_default");
137
- --uxf-button-background-color-hover: theme("colors.primary_surface_default_hover");
136
+ --uxf-button-background-color: theme("colors.brand_surface_default");
137
+ --uxf-button-background-color-hover: theme("colors.brand_surface_default_hover");
138
138
  }
139
139
 
140
140
  &.uxf-button--color-positive {
package/css/text-link.css CHANGED
@@ -1,14 +1,10 @@
1
1
  .uxf-text-link {
2
2
  @apply relative underline outline-none transition before:absolute before:-inset-1 focus-visible:before:rounded-lg focus-visible:before:border-2;
3
3
 
4
- :root .dark & {
5
- @apply text-primary focus-visible:before:border-primary is-hoverable:text-primary-400;
6
- }
7
-
8
4
  &--variant-default {
9
- color: theme("colors.primary_surface_default");
5
+ color: theme("colors.brand_surface_default");
10
6
 
11
- @apply is-hoverable:text-[--uxf-color-primary-surface-default-hover] focus-visible:before:border-[--uxf-color-primary-surface-default];
7
+ @apply is-hoverable:text-[--uxf-color-brand-surface-default-hover] focus-visible:before:border-[--uxf-color-brand-surface-default];
12
8
  }
13
9
 
14
10
  &--variant-text {
package/css/toggle.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .uxf-toggle {
2
- --uxf-toggle-selected-color: theme("colors.primary_surface_default");
2
+ --uxf-toggle-selected-color: theme("colors.brand_surface_default");
3
3
 
4
4
  align-items: center;
5
5
  background-color: theme("colors.gray.200");
package/icon-button/README.md CHANGED
@@ -6,4 +6,5 @@
6
6
 
7
7
  ```css
8
8
  @import url("@uxf/ui/css/button.css");
9
+ @import url("@uxf/ui/css/icon-button.css");
9
10
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/ui",
3
- "version": "11.37.0",
3
+ "version": "11.38.1",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/tw-tokens/tw-colors.d.ts CHANGED
@@ -351,8 +351,6 @@ export declare const twColors: {
351
351
  DEFAULT: string;
352
352
  };
353
353
  test: string;
354
- primary_surface_default: string;
355
- primary_surface_default_hover: string;
356
354
  base_border_border: string;
357
355
  base_border_input: string;
358
356
  base_border_inverted_border: string;
package/tw-tokens/tw-colors.js CHANGED
@@ -355,8 +355,6 @@ exports.twColors = {
355
355
  DEFAULT: "#ef4444",
356
356
  },
357
357
  test: "#ff00ff",
358
- primary_surface_default: "var(--uxf-color-brand-surface-default)",
359
- primary_surface_default_hover: "var(--uxf-color-brand-surface-default-hover)",
360
358
  base_border_border: "var(--uxf-color-base-border-border)",
361
359
  base_border_input: "var(--uxf-color-base-border-input)",
362
360
  base_border_inverted_border: "var(--uxf-color-base-border-inverted-border)",
package/utils/tailwind-config.js CHANGED
@@ -97,10 +97,6 @@ module.exports = {
97
97
  900: "#7f1d1d",
98
98
  },
99
99
  test: "#ff00ff",
100
- // TODO get primary from generated colors
101
- primary_surface_default: "var(--uxf-color-brand-surface-default)",
102
- primary_surface_default_hover: "var(--uxf-color-brand-surface-default-hover)",
103
-
104
100
  // generated color-tokens from figma
105
101
  ...figmaColors,
106
102
  },