@impulse-ui-native/theme 4.0.0 → 5.0.0

package/dist/theme/create-tag-tokens.js

@@ -34,8 +34,8 @@ function createTagTokens(tokens) {
             color: tokens.colors.primary.contrast
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["4"],
-            borderColor: tokens.colors.neutral["6"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
@@ -47,19 +47,19 @@ function createTagTokens(tokens) {
           },
           disabled: {
             backgroundColor: "transparent",
-            borderColor: tokens.colors.neutral["6"],
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
         soft: {
           default: {
-            backgroundColor: tokens.colors.primary.contrast,
-            borderColor: tokens.colors.primary.contrast,
-            color: tokens.colors.primary.value
+            backgroundColor: tokens.colors.secondary.value,
+            borderColor: tokens.colors.secondary.value,
+            color: tokens.colors.secondary.contrast
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["3"],
-            borderColor: tokens.colors.neutral["3"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.subtle.value,
             color: tokens.colors.text.disabled
           }
         }
@@ -72,32 +72,32 @@ function createTagTokens(tokens) {
             color: tokens.colors.secondary.contrast
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["4"],
-            borderColor: tokens.colors.neutral["6"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
         outlined: {
           default: {
             backgroundColor: "transparent",
-            borderColor: tokens.colors.secondary.value,
-            color: tokens.colors.secondary.value
+            borderColor: tokens.colors.secondary.contrast,
+            color: tokens.colors.secondary.contrast
           },
           disabled: {
             backgroundColor: "transparent",
-            borderColor: tokens.colors.neutral["6"],
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
         soft: {
           default: {
-            backgroundColor: tokens.colors.secondary.contrast,
-            borderColor: tokens.colors.secondary.contrast,
-            color: tokens.colors.secondary.value
+            backgroundColor: tokens.colors.secondary.value,
+            borderColor: tokens.colors.secondary.value,
+            color: tokens.colors.secondary.contrast
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["3"],
-            borderColor: tokens.colors.neutral["3"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.subtle.value,
             color: tokens.colors.text.disabled
           }
         }
@@ -110,8 +110,8 @@ function createTagTokens(tokens) {
             color: tokens.colors.feedback.error.contrast
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["4"],
-            borderColor: tokens.colors.neutral["6"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
@@ -123,7 +123,7 @@ function createTagTokens(tokens) {
           },
           disabled: {
             backgroundColor: "transparent",
-            borderColor: tokens.colors.neutral["6"],
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
@@ -134,8 +134,8 @@ function createTagTokens(tokens) {
             color: tokens.colors.feedback.error.value
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["3"],
-            borderColor: tokens.colors.neutral["3"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.subtle.value,
             color: tokens.colors.text.disabled
           }
         }
@@ -148,8 +148,8 @@ function createTagTokens(tokens) {
             color: tokens.colors.feedback.warning.contrast
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["4"],
-            borderColor: tokens.colors.neutral["6"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
@@ -161,7 +161,7 @@ function createTagTokens(tokens) {
           },
           disabled: {
             backgroundColor: "transparent",
-            borderColor: tokens.colors.neutral["6"],
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
@@ -172,8 +172,8 @@ function createTagTokens(tokens) {
             color: tokens.colors.feedback.warning.value
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["3"],
-            borderColor: tokens.colors.neutral["3"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.subtle.value,
             color: tokens.colors.text.disabled
           }
         }
@@ -186,8 +186,8 @@ function createTagTokens(tokens) {
             color: tokens.colors.feedback.success.contrast
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["4"],
-            borderColor: tokens.colors.neutral["6"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
@@ -199,7 +199,7 @@ function createTagTokens(tokens) {
           },
           disabled: {
             backgroundColor: "transparent",
-            borderColor: tokens.colors.neutral["6"],
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
@@ -210,8 +210,8 @@ function createTagTokens(tokens) {
             color: tokens.colors.feedback.success.value
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["3"],
-            borderColor: tokens.colors.neutral["3"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.subtle.value,
             color: tokens.colors.text.disabled
           }
         }
@@ -224,8 +224,8 @@ function createTagTokens(tokens) {
             color: tokens.colors.feedback.info.contrast
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["4"],
-            borderColor: tokens.colors.neutral["6"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
@@ -237,7 +237,7 @@ function createTagTokens(tokens) {
           },
           disabled: {
             backgroundColor: "transparent",
-            borderColor: tokens.colors.neutral["6"],
+            borderColor: tokens.colors.border.strong.value,
             color: tokens.colors.text.disabled
           }
         },
@@ -248,8 +248,8 @@ function createTagTokens(tokens) {
             color: tokens.colors.feedback.info.value
           },
           disabled: {
-            backgroundColor: tokens.colors.neutral["3"],
-            borderColor: tokens.colors.neutral["3"],
+            backgroundColor: tokens.colors.surface.primary.value,
+            borderColor: tokens.colors.border.subtle.value,
             color: tokens.colors.text.disabled
           }
         }

package/dist/theme/create-tag-tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\n\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.round,\n    gap: tokens.space.xxs,\n    closeHitSlop: 10,\n    iconMarginLeft: tokens.borderSize.md,\n\n    sizes: {\n      small: {\n        height: 24,\n        paddingHorizontal: tokens.space.xs,\n        minWidth: tokens.space.xl,\n        fontSize: tokens.fontSize.xs,\n      },\n\n      medium: {\n        height: 28,\n        paddingHorizontal: tokens.space.xs,\n        minWidth: tokens.space.xxl,\n        fontSize: tokens.fontSize.xsm,\n      },\n\n      large: {\n        height: 32,\n        paddingHorizontal: tokens.space.mxs,\n        minWidth: tokens.space.xxl,\n        fontSize: tokens.fontSize.xsm,\n      },\n    },\n\n    colors: {\n      primary: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.primary.value,\n            borderColor: tokens.colors.primary.value,\n            color: tokens.colors.primary.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"4\"],\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.primary.value,\n            color: tokens.colors.primary.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.primary.contrast,\n            borderColor: tokens.colors.primary.contrast,\n            color: tokens.colors.primary.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"3\"],\n            borderColor: tokens.colors.neutral[\"3\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      secondary: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.secondary.value,\n            borderColor: tokens.colors.secondary.value,\n            color: tokens.colors.secondary.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"4\"],\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.secondary.value,\n            color: tokens.colors.secondary.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.secondary.contrast,\n            borderColor: tokens.colors.secondary.contrast,\n            color: tokens.colors.secondary.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"3\"],\n            borderColor: tokens.colors.neutral[\"3\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      error: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.feedback.error.value,\n            borderColor: tokens.colors.feedback.error.value,\n            color: tokens.colors.feedback.error.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"4\"],\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.feedback.error.value,\n            color: tokens.colors.feedback.error.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.feedback.error.contrast,\n            borderColor: tokens.colors.feedback.error.contrast,\n            color: tokens.colors.feedback.error.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"3\"],\n            borderColor: tokens.colors.neutral[\"3\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      warning: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.feedback.warning.value,\n            borderColor: tokens.colors.feedback.warning.value,\n            color: tokens.colors.feedback.warning.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"4\"],\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.feedback.warning.value,\n            color: tokens.colors.feedback.warning.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.feedback.warning.contrast,\n            borderColor: tokens.colors.feedback.warning.contrast,\n            color: tokens.colors.feedback.warning.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"3\"],\n            borderColor: tokens.colors.neutral[\"3\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      success: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.feedback.success.value,\n            borderColor: tokens.colors.feedback.success.value,\n            color: tokens.colors.feedback.success.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"4\"],\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.feedback.success.value,\n            color: tokens.colors.feedback.success.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.feedback.success.contrast,\n            borderColor: tokens.colors.feedback.success.contrast,\n            color: tokens.colors.feedback.success.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"3\"],\n            borderColor: tokens.colors.neutral[\"3\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      info: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.feedback.info.value,\n            borderColor: tokens.colors.feedback.info.value,\n            color: tokens.colors.feedback.info.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"4\"],\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.feedback.info.value,\n            color: tokens.colors.feedback.info.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.neutral[\"6\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.feedback.info.contrast,\n            borderColor: tokens.colors.feedback.info.contrast,\n            color: tokens.colors.feedback.info.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.neutral[\"3\"],\n            borderColor: tokens.colors.neutral[\"3\"],\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n    },\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/theme/create-tag-tokens.ts"],"sourcesContent":["import { PrimitiveThemeTokens, TagTokens } from \"../types\";\n\nexport function createTagTokens(tokens: PrimitiveThemeTokens): TagTokens {\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.round,\n    gap: tokens.space.xxs,\n    closeHitSlop: 10,\n    iconMarginLeft: tokens.borderSize.md,\n\n    sizes: {\n      small: {\n        height: 24,\n        paddingHorizontal: tokens.space.xs,\n        minWidth: tokens.space.xl,\n        fontSize: tokens.fontSize.xs,\n      },\n\n      medium: {\n        height: 28,\n        paddingHorizontal: tokens.space.xs,\n        minWidth: tokens.space.xxl,\n        fontSize: tokens.fontSize.xsm,\n      },\n\n      large: {\n        height: 32,\n        paddingHorizontal: tokens.space.mxs,\n        minWidth: tokens.space.xxl,\n        fontSize: tokens.fontSize.xsm,\n      },\n    },\n\n    colors: {\n      primary: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.primary.value,\n            borderColor: tokens.colors.primary.value,\n            color: tokens.colors.primary.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.primary.value,\n            color: tokens.colors.primary.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.secondary.value,\n            borderColor: tokens.colors.secondary.value,\n            color: tokens.colors.secondary.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.subtle.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      secondary: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.secondary.value,\n            borderColor: tokens.colors.secondary.value,\n            color: tokens.colors.secondary.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.secondary.contrast,\n            color: tokens.colors.secondary.contrast,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.secondary.value,\n            borderColor: tokens.colors.secondary.value,\n            color: tokens.colors.secondary.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.subtle.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      error: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.feedback.error.value,\n            borderColor: tokens.colors.feedback.error.value,\n            color: tokens.colors.feedback.error.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.feedback.error.value,\n            color: tokens.colors.feedback.error.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.feedback.error.contrast,\n            borderColor: tokens.colors.feedback.error.contrast,\n            color: tokens.colors.feedback.error.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.subtle.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      warning: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.feedback.warning.value,\n            borderColor: tokens.colors.feedback.warning.value,\n            color: tokens.colors.feedback.warning.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.feedback.warning.value,\n            color: tokens.colors.feedback.warning.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.feedback.warning.contrast,\n            borderColor: tokens.colors.feedback.warning.contrast,\n            color: tokens.colors.feedback.warning.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.subtle.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      success: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.feedback.success.value,\n            borderColor: tokens.colors.feedback.success.value,\n            color: tokens.colors.feedback.success.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.feedback.success.value,\n            color: tokens.colors.feedback.success.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.feedback.success.contrast,\n            borderColor: tokens.colors.feedback.success.contrast,\n            color: tokens.colors.feedback.success.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.subtle.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n      info: {\n        filled: {\n          default: {\n            backgroundColor: tokens.colors.feedback.info.value,\n            borderColor: tokens.colors.feedback.info.value,\n            color: tokens.colors.feedback.info.contrast,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.feedback.info.value,\n            color: tokens.colors.feedback.info.value,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: tokens.colors.border.strong.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: tokens.colors.feedback.info.contrast,\n            borderColor: tokens.colors.feedback.info.contrast,\n            color: tokens.colors.feedback.info.value,\n          },\n          disabled: {\n            backgroundColor: tokens.colors.surface.primary.value,\n            borderColor: tokens.colors.border.subtle.value,\n            color: tokens.colors.text.disabled,\n          },\n        },\n      },\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/theme/create-textarea-tokens.d.mts

@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { TextareaTokens } from '../types/textarea-tokens.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -14,9 +16,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/create-time-picker-tokens.d.mts

@@ -2,7 +2,9 @@ import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import { TimePickerTokens } from '../types/time-picker-token.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -14,9 +16,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/dark.theme.d.mts

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -13,9 +15,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/dark.theme.js

@@ -1,16 +1,16 @@
 import {
   BorderSizeTokens,
+  DarkColors,
   FontFamilyTokens,
   FontSizeTokens,
   FontWeightTokens,
   LetterSpacingTokens,
-  LightColors,
   LineHeightTokens,
   RadiiTokens,
   SpaceTokens
 } from "./tokens.theme";
 const DarkTheme = {
-  colors: LightColors,
+  colors: DarkColors,
   space: SpaceTokens,
   radii: RadiiTokens,
   fontFamily: FontFamilyTokens,

package/dist/theme/dark.theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/dark.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\nimport {\n  BorderSizeTokens,\n  FontFamilyTokens,\n  FontSizeTokens,\n  FontWeightTokens,\n  LetterSpacingTokens,\n  LightColors,\n  LineHeightTokens,\n  RadiiTokens,\n  SpaceTokens,\n} from \"./tokens.theme\";\n\nexport const DarkTheme: PrimitiveThemeTokens = {\n  colors: LightColors,\n  space: SpaceTokens,\n  radii: RadiiTokens,\n  fontFamily: FontFamilyTokens,\n  borderSize: BorderSizeTokens,\n  fontSize: FontSizeTokens,\n  fontWeight: FontWeightTokens,\n  lineHeight: LineHeightTokens,\n  letterSpacing: LetterSpacingTokens,\n};\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAkC;AAAA,EAC7C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AACjB;","names":[]}
+{"version":3,"sources":["../../src/theme/dark.theme.ts"],"sourcesContent":["import { PrimitiveThemeTokens } from \"../types\";\nimport {\n  BorderSizeTokens,\n  DarkColors,\n  FontFamilyTokens,\n  FontSizeTokens,\n  FontWeightTokens,\n  LetterSpacingTokens,\n  LineHeightTokens,\n  RadiiTokens,\n  SpaceTokens,\n} from \"./tokens.theme\";\n\nexport const DarkTheme: PrimitiveThemeTokens = {\n  colors: DarkColors,\n  space: SpaceTokens,\n  radii: RadiiTokens,\n  fontFamily: FontFamilyTokens,\n  borderSize: BorderSizeTokens,\n  fontSize: FontSizeTokens,\n  fontWeight: FontWeightTokens,\n  lineHeight: LineHeightTokens,\n  letterSpacing: LetterSpacingTokens,\n};\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAkC;AAAA,EAC7C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AACjB;","names":[]}

package/dist/theme/index.d.mts

@@ -1,11 +1,16 @@
 export { DarkTheme } from './dark.theme.mjs';
 export { LightTheme } from './light.theme.mjs';
-export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
+export { BorderSizeTokens, ChartColorTokens, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens } from './tokens.theme.mjs';
+export { createPaginationTokens } from './create-pagination-tokens.mjs';
 export { createSliderTokens } from './create-slider-tokens.mjs';
+export { createSegmentedControlTokens } from './create-segmented-control-tokens.mjs';
+export { createCarouselTokens } from './create-carousel-tokens.mjs';
 import '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -17,9 +22,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/index.js

@@ -1,7 +1,10 @@
 import { DarkTheme } from "./dark.theme";
 import { LightTheme } from "./light.theme";
 export * from "./tokens.theme";
+export * from "./create-pagination-tokens";
 export * from "./create-slider-tokens";
+export * from "./create-segmented-control-tokens";
+export * from "./create-carousel-tokens";
 export {
   DarkTheme,
   LightTheme

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\nexport { LightTheme } from \"./light.theme\";\nexport * from \"./tokens.theme\";\nexport * from \"./create-slider-tokens\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../src/theme/index.ts"],"sourcesContent":["export { DarkTheme } from \"./dark.theme\";\nexport { LightTheme } from \"./light.theme\";\nexport * from \"./tokens.theme\";\nexport * from \"./create-pagination-tokens\";\nexport * from \"./create-slider-tokens\";\nexport * from \"./create-segmented-control-tokens\";\nexport * from \"./create-carousel-tokens\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/theme/light.theme.d.mts

@@ -1,7 +1,9 @@
 import { PrimitiveThemeTokens } from '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -13,9 +15,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';

package/dist/theme/tokens.theme.d.mts

@@ -3,7 +3,9 @@ import { BorderSize, FontFamily, FontWeightValue, FontWeightItalic, FontWeightNo
 import { ThemeColors, PrimitiveThemeTokens, ComponentsTokens } from '../types/theme-provider.types.mjs';
 import '../types/badge-tokens.types.mjs';
 import '../types/components.types.mjs';
+import '../types/carousel-tokens.types.mjs';
 import '../types/checkbox-tokens.types.mjs';
+import '../types/list-tokens.types.mjs';
 import '../types/radio-tokens.types.mjs';
 import '../types/accordion-tokens.types.mjs';
 import '../types/avatar-tokens.types.mjs';
@@ -15,9 +17,11 @@ import '../types/datetime-picker-tokens.types.mjs';
 import '../types/divider-tokens.types.mjs';
 import '../types/flyout-tokens.types.mjs';
 import '../types/icon-tokens.types.mjs';
+import '../types/pagination-tokens.types.mjs';
 import '../types/pressable-tokens.types.mjs';
 import '../types/progress-tokens.types.mjs';
 import '../types/spinner-tokens.types.mjs';
+import '../types/segmented-control-tokens.types.mjs';
 import '../types/select-tokens.types.mjs';
 import '../types/skeleton-tokens.types.mjs';
 import '../types/slider-tokens.types.mjs';
@@ -40,6 +44,7 @@ declare const FontFamilyWeightsItalicTokens: Record<FontWeightValue, FontWeightI
 declare const FontFamilyTokens: FontFamily;
 declare const NeutralColorTokens: NeutralColor;
 declare const LightColors: ThemeColors;
+declare const DarkColors: ThemeColors;
 declare function createComponentsTokens(tokens: PrimitiveThemeTokens): ComponentsTokens;
 
-export { BorderSizeTokens, ChartColorTokens, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens };
+export { BorderSizeTokens, ChartColorTokens, DarkColors, FontFamilyTokens, FontFamilyWeightsItalicTokens, FontFamilyWeightsNormalTokens, FontSizeTokens, FontWeightTokens, LetterSpacingTokens, LightColors, LineHeightTokens, NeutralColorTokens, RadiiTokens, SpaceTokens, createComponentsTokens };

package/dist/theme/tokens.theme.js

@@ -3,6 +3,7 @@ import { createAvatarTokens } from "./create-avatar-tokens";
 import { createBadgeTokens } from "./create-badge-tokens";
 import { createButtonTokens } from "./create-button-tokens";
 import { createCardTokens } from "./create-card-tokens";
+import { createCarouselTokens } from "./create-carousel-tokens";
 import { createCheckboxTokens } from "./create-checkbox-tokens";
 import {
   createControlAddonTokens,
@@ -17,9 +18,12 @@ import { createDividerTokens } from "./create-divider-tokens";
 import { createFlyoutTokens } from "./create-flyout-tokens";
 import { createIconButtonTokens } from "./create-icon-button-tokens";
 import { createIconTokens } from "./create-icon-tokens";
+import { createListTokens } from "./create-list-tokens";
+import { createPaginationTokens } from "./create-pagination-tokens";
 import { createPressableTokens } from "./create-pressable-tokens";
 import { createProgressTokens } from "./create-progress-tokens";
 import { createRadioTokens } from "./create-radio-tokens";
+import { createSegmentedControlTokens } from "./create-segmented-control-tokens";
 import { createSelectTokens } from "./create-select-tokens";
 import { createSkeletonTokens } from "./create-skeleton-tokens";
 import { createSliderTokens } from "./create-slider-tokens";
@@ -30,7 +34,7 @@ import { createTagTokens } from "./create-tag-tokens";
 import { createTextareaTokens } from "./create-textarea-tokens";
 import { createTimePickerTokens } from "./create-time-picker-tokens";
 const ChartColorTokens = [
-  "#f55d6b",
+  "#F55D6B",
   "#2563eb",
   "#16a34a",
   "#9333ea",
@@ -169,16 +173,16 @@ const NeutralColorTokens = {
 };
 const LightColors = {
   primary: {
-    value: "#f55d6b",
+    value: "#F55D6B",
     contrast: NeutralColorTokens["0"]
   },
   accent: {
     value: "#FA9EA7",
-    contrast: NeutralColorTokens["0"]
+    contrast: NeutralColorTokens["11"]
   },
   secondary: {
     value: "#FEE7E9",
-    contrast: "#f55d6b"
+    contrast: "#c92a3b"
   },
   neutral: NeutralColorTokens,
   surface: {
@@ -220,7 +224,7 @@ const LightColors = {
       contrast: NeutralColorTokens["11"]
     },
     focus: {
-      value: "#f55d6b",
+      value: "#c92a3b",
       contrast: NeutralColorTokens["0"]
     }
   },
@@ -230,11 +234,11 @@ const LightColors = {
       contrast: "#fff5f5"
     },
     warning: {
-      value: "#e67700",
+      value: "#a65300",
       contrast: "#fff4e6"
     },
     success: {
-      value: "#7a9908",
+      value: "#526b00",
       contrast: "#f4fce3"
     },
     info: {
@@ -246,16 +250,98 @@ const LightColors = {
   white: NeutralColorTokens["0"],
   black: NeutralColorTokens["13"]
 };
+const DarkColors = {
+  primary: {
+    value: "#FA9EA7",
+    contrast: NeutralColorTokens["11"]
+  },
+  accent: {
+    value: "#f55d6b",
+    contrast: NeutralColorTokens["11"]
+  },
+  secondary: {
+    value: "#3b2027",
+    contrast: "#FA9EA7"
+  },
+  neutral: NeutralColorTokens,
+  surface: {
+    primary: {
+      value: NeutralColorTokens["11"],
+      contrast: NeutralColorTokens["0"]
+    },
+    secondary: {
+      value: NeutralColorTokens["10"],
+      contrast: NeutralColorTokens["0"]
+    },
+    elevated: {
+      value: NeutralColorTokens["9"],
+      contrast: NeutralColorTokens["0"]
+    },
+    inverse: {
+      value: NeutralColorTokens["0"],
+      contrast: NeutralColorTokens["11"]
+    }
+  },
+  text: {
+    primary: NeutralColorTokens["0"],
+    secondary: NeutralColorTokens["2"],
+    tertiary: NeutralColorTokens["6"],
+    inverse: NeutralColorTokens["11"],
+    disabled: NeutralColorTokens["7"]
+  },
+  border: {
+    subtle: {
+      value: NeutralColorTokens["7"],
+      contrast: NeutralColorTokens["6"]
+    },
+    default: {
+      value: NeutralColorTokens["6"],
+      contrast: NeutralColorTokens["2"]
+    },
+    strong: {
+      value: NeutralColorTokens["5"],
+      contrast: NeutralColorTokens["0"]
+    },
+    focus: {
+      value: "#FA9EA7",
+      contrast: NeutralColorTokens["11"]
+    }
+  },
+  feedback: {
+    error: {
+      value: "#ff8787",
+      contrast: "#3b1515"
+    },
+    warning: {
+      value: "#ffc078",
+      contrast: "#3b250f"
+    },
+    success: {
+      value: "#c0eb75",
+      contrast: "#26320f"
+    },
+    info: {
+      value: "#74c0fc",
+      contrast: "#102a43"
+    }
+  },
+  overlay: "rgba(0, 0, 0, 0.65)",
+  white: NeutralColorTokens["0"],
+  black: NeutralColorTokens["13"]
+};
 function createComponentsTokens(tokens) {
   return {
+    carousel: createCarouselTokens(tokens),
     accordion: createAccordionTokens(tokens),
     avatar: createAvatarTokens(tokens),
     badge: createBadgeTokens(tokens),
     button: createButtonTokens(tokens),
     card: createCardTokens(tokens),
+    list: createListTokens(tokens),
     checkbox: createCheckboxTokens(tokens),
     iconButton: createIconButtonTokens(tokens),
     icon: createIconTokens(),
+    pagination: createPaginationTokens(tokens),
     pressable: createPressableTokens(),
     progress: createProgressTokens(tokens),
     radio: createRadioTokens(tokens),
@@ -266,6 +352,7 @@ function createComponentsTokens(tokens) {
     controlInput: createControlInputTokens(tokens),
     controlLabel: createControlLabelTokens(tokens),
     select: createSelectTokens(tokens),
+    segmentedControl: createSegmentedControlTokens(tokens),
     datetimePicker: createDatetimePickerTokens(tokens),
     divider: createDividerTokens(tokens),
     timePicker: createTimePickerTokens(tokens),
@@ -282,6 +369,7 @@ function createComponentsTokens(tokens) {
 export {
   BorderSizeTokens,
   ChartColorTokens,
+  DarkColors,
   FontFamilyTokens,
   FontFamilyWeightsItalicTokens,
   FontFamilyWeightsNormalTokens,