@serendie/ui 2.2.4 → 2.2.5-dev.202510301500

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 (55) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +1 -1
  2. package/dist/components/Avatar/Avatar.d.ts +1 -1
  3. package/dist/components/Banner/Banner.d.ts +1 -1
  4. package/dist/components/BottomNavigation/BottomNavigationItem.d.ts +1 -1
  5. package/dist/components/Button/Button.d.ts +3 -3
  6. package/dist/components/Button/Button.js +13 -13
  7. package/dist/components/DatePicker/DatePicker.d.ts +5 -5
  8. package/dist/components/DatePicker/DatePicker.js +79 -77
  9. package/dist/components/Divider/Divider.d.ts +1 -1
  10. package/dist/components/Divider/Divider.js +4 -4
  11. package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -1
  12. package/dist/components/IconButton/IconButton.d.ts +5 -5
  13. package/dist/components/IconButton/IconButton.js +6 -6
  14. package/dist/components/List/ListItem.d.ts +1 -1
  15. package/dist/components/ModalDialog/ModalDialog.d.ts +1 -1
  16. package/dist/components/NotificationBadge/NotificationBadge.d.ts +1 -1
  17. package/dist/components/Pagination/Pagination.d.ts +1 -1
  18. package/dist/components/RadioButton/RadioButton.js +10 -10
  19. package/dist/components/Search/Search.d.ts +1 -1
  20. package/dist/components/Select/Select.d.ts +1 -1
  21. package/dist/components/Switch/Switch.d.ts +1 -1
  22. package/dist/components/Tabs/Tabs.d.ts +1 -1
  23. package/dist/components/TextArea/TextArea.d.ts +1 -0
  24. package/dist/components/TextArea/TextArea.js +15 -8
  25. package/dist/components/TextField/TextField.d.ts +2 -0
  26. package/dist/components/TextField/TextField.js +4 -2
  27. package/dist/components/Toast/Toast.d.ts +1 -1
  28. package/dist/components/TopAppBar/TopAppBar.d.ts +1 -1
  29. package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js +20 -5
  30. package/dist/node_modules/@serendie/design-token/dist/tokens.js +10 -5
  31. package/dist/preset.d.ts +20 -8
  32. package/dist/preset.js +7 -9
  33. package/dist/recipes/textFieldRecipe.d.ts +9 -2
  34. package/dist/recipes/textFieldRecipe.js +13 -3
  35. package/dist/styled-system/css/cva.js +38 -43
  36. package/dist/styled-system/tokens/index.js +35 -15
  37. package/dist/styles.css +1 -1
  38. package/dist/tokens/getToken.d.ts +10 -5
  39. package/dist/tokens/index.d.ts +20 -5
  40. package/package.json +2 -2
  41. package/styled-system/themes/theme-asagi.json +1 -1
  42. package/styled-system/themes/theme-kurikawa.json +1 -1
  43. package/styled-system/themes/theme-sumire.json +1 -1
  44. package/styled-system/themes/theme-tsutsuji.json +1 -1
  45. package/styled-system/tokens/index.js +35 -15
  46. package/styled-system/tokens/tokens.d.ts +2 -2
  47. package/dist/recipes/index.d.ts +0 -3
  48. package/dist/recipes/index.js +0 -7
  49. package/dist/styled-system/recipes/create-recipe.js +0 -37
  50. package/dist/styled-system/recipes/text-field-recipe.js +0 -61
  51. package/styled-system/recipes/create-recipe.js +0 -82
  52. package/styled-system/recipes/index.d.ts +0 -2
  53. package/styled-system/recipes/index.js +0 -1
  54. package/styled-system/recipes/text-field-recipe.d.ts +0 -28
  55. package/styled-system/recipes/text-field-recipe.js +0 -72
@@ -606,10 +606,13 @@ export declare const SerendieTokens: {
606
606
  inversePrimary: {
607
607
  value: string;
608
608
  };
609
+ outlineBright: {
610
+ value: string;
611
+ };
609
612
  outline: {
610
613
  value: string;
611
614
  };
612
- outlineVariant: {
615
+ outlineDim: {
613
616
  value: string;
614
617
  };
615
618
  scrim: {
@@ -1315,10 +1318,13 @@ export declare const SerendieTokens: {
1315
1318
  inversePrimary: {
1316
1319
  value: string;
1317
1320
  };
1321
+ outlineBright: {
1322
+ value: string;
1323
+ };
1318
1324
  outline: {
1319
1325
  value: string;
1320
1326
  };
1321
- outlineVariant: {
1327
+ outlineDim: {
1322
1328
  value: string;
1323
1329
  };
1324
1330
  scrim: {
@@ -1607,10 +1613,13 @@ export declare const SerendieTokens: {
1607
1613
  inversePrimary: {
1608
1614
  value: string;
1609
1615
  };
1616
+ outlineBright: {
1617
+ value: string;
1618
+ };
1610
1619
  outline: {
1611
1620
  value: string;
1612
1621
  };
1613
- outlineVariant: {
1622
+ outlineDim: {
1614
1623
  value: string;
1615
1624
  };
1616
1625
  scrim: {
@@ -1899,10 +1908,13 @@ export declare const SerendieTokens: {
1899
1908
  inversePrimary: {
1900
1909
  value: string;
1901
1910
  };
1911
+ outlineBright: {
1912
+ value: string;
1913
+ };
1902
1914
  outline: {
1903
1915
  value: string;
1904
1916
  };
1905
- outlineVariant: {
1917
+ outlineDim: {
1906
1918
  value: string;
1907
1919
  };
1908
1920
  scrim: {
@@ -2191,10 +2203,13 @@ export declare const SerendieTokens: {
2191
2203
  inversePrimary: {
2192
2204
  value: string;
2193
2205
  };
2206
+ outlineBright: {
2207
+ value: string;
2208
+ };
2194
2209
  outline: {
2195
2210
  value: string;
2196
2211
  };
2197
- outlineVariant: {
2212
+ outlineDim: {
2198
2213
  value: string;
2199
2214
  };
2200
2215
  scrim: {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@serendie/ui",
3
3
  "description": "Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric",
4
4
  "license": "MIT",
5
- "version": "2.2.4",
5
+ "version": "2.2.5-dev.202510301500",
6
6
  "type": "module",
7
7
  "types": "./dist/index.d.ts",
8
8
  "sideEffects": [
@@ -51,7 +51,7 @@
51
51
  "@eslint/js": "^9.8.0",
52
52
  "@figma/code-connect": "^1.3.4",
53
53
  "@pandacss/eslint-plugin": "^0.1.1",
54
- "@serendie/design-token": "^1.1.0",
54
+ "@serendie/design-token": "^1.3.0",
55
55
  "@storybook/addon-designs": "^8.0.3",
56
56
  "@storybook/addon-essentials": "^8.2.4",
57
57
  "@storybook/addon-interactions": "^8.2.4",
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "asagi",
3
3
  "id": "panda-theme-asagi",
4
- "css": " [data-panda-theme=asagi] {\n --colors-sd-system-color-impression-primary: #006066;\n --colors-sd-system-color-impression-on-primary: #FFFFFF;\n --colors-sd-system-color-impression-primary-container: #006066;\n --colors-sd-system-color-impression-on-primary-container: #FFFFFF;\n --colors-sd-system-color-impression-secondary: #90E4C7;\n --colors-sd-system-color-impression-on-secondary: #000000;\n --colors-sd-system-color-impression-secondary-container: #90E4C7;\n --colors-sd-system-color-impression-on-secondary-container: #000000;\n --colors-sd-system-color-impression-tertiary: #F0F0F0;\n --colors-sd-system-color-impression-on-tertiary: #000000;\n --colors-sd-system-color-impression-tertiary-container: #F0F0F0;\n --colors-sd-system-color-impression-on-tertiary-container: #000000;\n --colors-sd-system-color-impression-notice: #EDD857;\n --colors-sd-system-color-impression-on-notice: #000000;\n --colors-sd-system-color-impression-notice-container: #FCE998;\n --colors-sd-system-color-impression-on-notice-container: #000000;\n --colors-sd-system-color-impression-notice-container-variant: #FAF4E3;\n --colors-sd-system-color-impression-on-notice-container-variant: #000000;\n --colors-sd-system-color-impression-negative: #D00138;\n --colors-sd-system-color-impression-on-negative: #FFFFFF;\n --colors-sd-system-color-impression-negative-container: #FFDCDA;\n --colors-sd-system-color-impression-on-negative-container: #000000;\n --colors-sd-system-color-impression-negative-container-variant: #FCEBEA;\n --colors-sd-system-color-impression-on-negative-container-variant: #A4002A;\n --colors-sd-system-color-impression-positive: #2EAB80;\n --colors-sd-system-color-impression-on-positive: #FFFFFF;\n --colors-sd-system-color-impression-positive-container: #BCEEDD;\n --colors-sd-system-color-impression-on-positive-container: #FFFFFF;\n --colors-sd-system-color-impression-positive-container-variant: #DBF5EA;\n --colors-sd-system-color-impression-on-positive-container-variant: #000000;\n --colors-sd-system-color-component-surface: #FFFFFF;\n --colors-sd-system-color-component-on-surface: #000000;\n --colors-sd-system-color-component-on-surface-variant: #6F6F6F;\n --colors-sd-system-color-component-inverse-surface: #232322;\n --colors-sd-system-color-component-inverse-on-surface: #FFFFFF;\n --colors-sd-system-color-component-inverse-primary: #D9F6FC;\n --colors-sd-system-color-component-outline: #D1D0CD;\n --colors-sd-system-color-component-outline-variant: #8C8B87;\n --colors-sd-system-color-component-scrim: #00000033;\n --colors-sd-system-color-interaction-disabled: #F0F0F0;\n --colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;\n --colors-sd-system-color-interaction-selected: #00000005;\n --colors-sd-system-color-interaction-selected-surface: #90E4C7;\n --colors-sd-system-color-interaction-hovered: #00000033;\n --colors-sd-system-color-interaction-hovered-variant: #0000000D;\n --colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;\n --colors-sd-system-color-chart-mark-primary-01: #C2EAEF;\n --colors-sd-system-color-chart-mark-primary-02: #8DDDE3;\n --colors-sd-system-color-chart-mark-primary-03: #4ACBD4;\n --colors-sd-system-color-chart-mark-primary-04: #00A0AC;\n --colors-sd-system-color-chart-mark-primary-05: #007882;\n --colors-sd-system-color-chart-mark-primary-06: #02373C;\n --colors-sd-system-color-chart-mark-positive-01: #BCEEDD;\n --colors-sd-system-color-chart-mark-positive-02: #90E4C7;\n --colors-sd-system-color-chart-mark-positive-03: #46D2A2;\n --colors-sd-system-color-chart-mark-positive-04: #2EAB80;\n --colors-sd-system-color-chart-mark-positive-05: #2C7C60;\n --colors-sd-system-color-chart-mark-positive-06: #12372B;\n --colors-sd-system-color-chart-mark-negative-01: #FFDCDA;\n --colors-sd-system-color-chart-mark-negative-02: #FFC0BB;\n --colors-sd-system-color-chart-mark-negative-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-negative-04: #F64157;\n --colors-sd-system-color-chart-mark-negative-05: #D00138;\n --colors-sd-system-color-chart-mark-negative-06: #600114;\n --colors-sd-system-color-chart-mark-notice-01: #FCE998;\n --colors-sd-system-color-chart-mark-notice-02: #EDD857;\n --colors-sd-system-color-chart-mark-notice-03: #DEC400;\n --colors-sd-system-color-chart-mark-notice-04: #A78E00;\n --colors-sd-system-color-chart-mark-notice-05: #816E00;\n --colors-sd-system-color-chart-mark-notice-06: #3A3000;\n --colors-sd-system-color-chart-mark-multi-10: #AE8144;\n --colors-sd-system-color-chart-mark-multi-01: #056AD8;\n --colors-sd-system-color-chart-mark-multi-02: #46D2A2;\n --colors-sd-system-color-chart-mark-multi-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-multi-04: #B36CCD;\n --colors-sd-system-color-chart-mark-multi-05: #8F3D15;\n --colors-sd-system-color-chart-mark-multi-06: #4ACBD4;\n --colors-sd-system-color-chart-mark-multi-07: #FCE998;\n --colors-sd-system-color-chart-mark-multi-08: #B54E1B;\n --colors-sd-system-color-chart-mark-multi-09: #9B2657;\n --colors-sd-system-color-chart-component-on-mark-label: #000000;\n --colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;\n --colors-sd-system-color-chart-component-scalemark: #E4E4E3;\n --colors-sd-system-color-chart-component-threshold: #00A0AC;\n --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
4
+ "css": " [data-panda-theme=asagi] {\n --colors-sd-system-color-impression-primary: #006066;\n --colors-sd-system-color-impression-on-primary: #FFFFFF;\n --colors-sd-system-color-impression-primary-container: #006066;\n --colors-sd-system-color-impression-on-primary-container: #FFFFFF;\n --colors-sd-system-color-impression-secondary: #90E4C7;\n --colors-sd-system-color-impression-on-secondary: #000000;\n --colors-sd-system-color-impression-secondary-container: #90E4C7;\n --colors-sd-system-color-impression-on-secondary-container: #000000;\n --colors-sd-system-color-impression-tertiary: #F0F0F0;\n --colors-sd-system-color-impression-on-tertiary: #000000;\n --colors-sd-system-color-impression-tertiary-container: #F0F0F0;\n --colors-sd-system-color-impression-on-tertiary-container: #000000;\n --colors-sd-system-color-impression-notice: #EDD857;\n --colors-sd-system-color-impression-on-notice: #000000;\n --colors-sd-system-color-impression-notice-container: #FCE998;\n --colors-sd-system-color-impression-on-notice-container: #000000;\n --colors-sd-system-color-impression-notice-container-variant: #FAF4E3;\n --colors-sd-system-color-impression-on-notice-container-variant: #000000;\n --colors-sd-system-color-impression-negative: #D00138;\n --colors-sd-system-color-impression-on-negative: #FFFFFF;\n --colors-sd-system-color-impression-negative-container: #FFDCDA;\n --colors-sd-system-color-impression-on-negative-container: #000000;\n --colors-sd-system-color-impression-negative-container-variant: #FCEBEA;\n --colors-sd-system-color-impression-on-negative-container-variant: #A4002A;\n --colors-sd-system-color-impression-positive: #2EAB80;\n --colors-sd-system-color-impression-on-positive: #FFFFFF;\n --colors-sd-system-color-impression-positive-container: #BCEEDD;\n --colors-sd-system-color-impression-on-positive-container: #FFFFFF;\n --colors-sd-system-color-impression-positive-container-variant: #DBF5EA;\n --colors-sd-system-color-impression-on-positive-container-variant: #000000;\n --colors-sd-system-color-component-surface: #FFFFFF;\n --colors-sd-system-color-component-on-surface: #000000;\n --colors-sd-system-color-component-on-surface-variant: #6F6F6F;\n --colors-sd-system-color-component-inverse-surface: #232322;\n --colors-sd-system-color-component-inverse-on-surface: #FFFFFF;\n --colors-sd-system-color-component-inverse-primary: #D9F6FC;\n --colors-sd-system-color-component-outline-bright: #E4E4E3;\n --colors-sd-system-color-component-outline: #D1D0CD;\n --colors-sd-system-color-component-outline-dim: #8C8B87;\n --colors-sd-system-color-component-scrim: #00000033;\n --colors-sd-system-color-interaction-disabled: #F0F0F0;\n --colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;\n --colors-sd-system-color-interaction-selected: #00000005;\n --colors-sd-system-color-interaction-selected-surface: #90E4C7;\n --colors-sd-system-color-interaction-hovered: #00000033;\n --colors-sd-system-color-interaction-hovered-variant: #0000000D;\n --colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;\n --colors-sd-system-color-chart-mark-primary-01: #C2EAEF;\n --colors-sd-system-color-chart-mark-primary-02: #8DDDE3;\n --colors-sd-system-color-chart-mark-primary-03: #4ACBD4;\n --colors-sd-system-color-chart-mark-primary-04: #00A0AC;\n --colors-sd-system-color-chart-mark-primary-05: #007882;\n --colors-sd-system-color-chart-mark-primary-06: #02373C;\n --colors-sd-system-color-chart-mark-positive-01: #BCEEDD;\n --colors-sd-system-color-chart-mark-positive-02: #90E4C7;\n --colors-sd-system-color-chart-mark-positive-03: #46D2A2;\n --colors-sd-system-color-chart-mark-positive-04: #2EAB80;\n --colors-sd-system-color-chart-mark-positive-05: #2C7C60;\n --colors-sd-system-color-chart-mark-positive-06: #12372B;\n --colors-sd-system-color-chart-mark-negative-01: #FFDCDA;\n --colors-sd-system-color-chart-mark-negative-02: #FFC0BB;\n --colors-sd-system-color-chart-mark-negative-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-negative-04: #F64157;\n --colors-sd-system-color-chart-mark-negative-05: #D00138;\n --colors-sd-system-color-chart-mark-negative-06: #600114;\n --colors-sd-system-color-chart-mark-notice-01: #FCE998;\n --colors-sd-system-color-chart-mark-notice-02: #EDD857;\n --colors-sd-system-color-chart-mark-notice-03: #DEC400;\n --colors-sd-system-color-chart-mark-notice-04: #A78E00;\n --colors-sd-system-color-chart-mark-notice-05: #816E00;\n --colors-sd-system-color-chart-mark-notice-06: #3A3000;\n --colors-sd-system-color-chart-mark-multi-10: #AE8144;\n --colors-sd-system-color-chart-mark-multi-01: #056AD8;\n --colors-sd-system-color-chart-mark-multi-02: #46D2A2;\n --colors-sd-system-color-chart-mark-multi-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-multi-04: #B36CCD;\n --colors-sd-system-color-chart-mark-multi-05: #8F3D15;\n --colors-sd-system-color-chart-mark-multi-06: #4ACBD4;\n --colors-sd-system-color-chart-mark-multi-07: #FCE998;\n --colors-sd-system-color-chart-mark-multi-08: #B54E1B;\n --colors-sd-system-color-chart-mark-multi-09: #9B2657;\n --colors-sd-system-color-chart-component-on-mark-label: #000000;\n --colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;\n --colors-sd-system-color-chart-component-scalemark: #E4E4E3;\n --colors-sd-system-color-chart-component-threshold: #00A0AC;\n --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
5
5
  }
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "kurikawa",
3
3
  "id": "panda-theme-kurikawa",
4
- "css": " [data-panda-theme=kurikawa] {\n --colors-sd-system-color-impression-primary: #8F3D15;\n --colors-sd-system-color-impression-on-primary: #FFFFFF;\n --colors-sd-system-color-impression-primary-container: #8F3D15;\n --colors-sd-system-color-impression-on-primary-container: #FFFFFF;\n --colors-sd-system-color-impression-secondary: #FCC4AB;\n --colors-sd-system-color-impression-on-secondary: #000000;\n --colors-sd-system-color-impression-secondary-container: #FCC4AB;\n --colors-sd-system-color-impression-on-secondary-container: #000000;\n --colors-sd-system-color-impression-tertiary: #FDF5EC;\n --colors-sd-system-color-impression-on-tertiary: #000000;\n --colors-sd-system-color-impression-tertiary-container: #FDF5EC;\n --colors-sd-system-color-impression-on-tertiary-container: #000000;\n --colors-sd-system-color-impression-notice: #EDD857;\n --colors-sd-system-color-impression-on-notice: #000000;\n --colors-sd-system-color-impression-notice-container: #FCE998;\n --colors-sd-system-color-impression-on-notice-container: #000000;\n --colors-sd-system-color-impression-notice-container-variant: #FAF4E3;\n --colors-sd-system-color-impression-on-notice-container-variant: #000000;\n --colors-sd-system-color-impression-negative: #D00138;\n --colors-sd-system-color-impression-on-negative: #FFFFFF;\n --colors-sd-system-color-impression-negative-container: #FFDCDA;\n --colors-sd-system-color-impression-on-negative-container: #000000;\n --colors-sd-system-color-impression-negative-container-variant: #FCEBEA;\n --colors-sd-system-color-impression-on-negative-container-variant: #A4002A;\n --colors-sd-system-color-impression-positive: #2EAB80;\n --colors-sd-system-color-impression-on-positive: #FFFFFF;\n --colors-sd-system-color-impression-positive-container: #BCEEDD;\n --colors-sd-system-color-impression-on-positive-container: #FFFFFF;\n --colors-sd-system-color-impression-positive-container-variant: #DBF5EA;\n --colors-sd-system-color-impression-on-positive-container-variant: #000000;\n --colors-sd-system-color-component-surface: #FFFFFF;\n --colors-sd-system-color-component-on-surface: #000000;\n --colors-sd-system-color-component-on-surface-variant: #6F6F6F;\n --colors-sd-system-color-component-inverse-surface: #232322;\n --colors-sd-system-color-component-inverse-on-surface: #FFFFFF;\n --colors-sd-system-color-component-inverse-primary: #FAECE6;\n --colors-sd-system-color-component-outline: #D1D0CD;\n --colors-sd-system-color-component-outline-variant: #8C8B87;\n --colors-sd-system-color-component-scrim: #00000033;\n --colors-sd-system-color-interaction-disabled: #F0F0F0;\n --colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;\n --colors-sd-system-color-interaction-selected: #00000005;\n --colors-sd-system-color-interaction-selected-surface: #FCC4AB;\n --colors-sd-system-color-interaction-hovered: #00000033;\n --colors-sd-system-color-interaction-hovered-variant: #0000000D;\n --colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;\n --colors-sd-system-color-chart-mark-primary-01: #FDDDCE;\n --colors-sd-system-color-chart-mark-primary-02: #FCC4AB;\n --colors-sd-system-color-chart-mark-primary-03: #F49972;\n --colors-sd-system-color-chart-mark-primary-04: #DC6733;\n --colors-sd-system-color-chart-mark-primary-05: #B54E1B;\n --colors-sd-system-color-chart-mark-primary-06: #50230D;\n --colors-sd-system-color-chart-mark-positive-01: #BCEEDD;\n --colors-sd-system-color-chart-mark-positive-02: #90E4C7;\n --colors-sd-system-color-chart-mark-positive-03: #46D2A2;\n --colors-sd-system-color-chart-mark-positive-04: #2EAB80;\n --colors-sd-system-color-chart-mark-positive-05: #2C7C60;\n --colors-sd-system-color-chart-mark-positive-06: #12372B;\n --colors-sd-system-color-chart-mark-negative-01: #FFDCDA;\n --colors-sd-system-color-chart-mark-negative-02: #FFC0BB;\n --colors-sd-system-color-chart-mark-negative-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-negative-04: #F64157;\n --colors-sd-system-color-chart-mark-negative-05: #D00138;\n --colors-sd-system-color-chart-mark-negative-06: #600114;\n --colors-sd-system-color-chart-mark-notice-01: #FCE998;\n --colors-sd-system-color-chart-mark-notice-02: #EDD857;\n --colors-sd-system-color-chart-mark-notice-03: #DEC400;\n --colors-sd-system-color-chart-mark-notice-04: #A78E00;\n --colors-sd-system-color-chart-mark-notice-05: #816E00;\n --colors-sd-system-color-chart-mark-notice-06: #3A3000;\n --colors-sd-system-color-chart-mark-multi-10: #AE8144;\n --colors-sd-system-color-chart-mark-multi-01: #056AD8;\n --colors-sd-system-color-chart-mark-multi-02: #46D2A2;\n --colors-sd-system-color-chart-mark-multi-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-multi-04: #B36CCD;\n --colors-sd-system-color-chart-mark-multi-05: #8F3D15;\n --colors-sd-system-color-chart-mark-multi-06: #4ACBD4;\n --colors-sd-system-color-chart-mark-multi-07: #FCE998;\n --colors-sd-system-color-chart-mark-multi-08: #B54E1B;\n --colors-sd-system-color-chart-mark-multi-09: #9B2657;\n --colors-sd-system-color-chart-component-on-mark-label: #000000;\n --colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;\n --colors-sd-system-color-chart-component-scalemark: #E4E4E3;\n --colors-sd-system-color-chart-component-threshold: #DC6733;\n --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
4
+ "css": " [data-panda-theme=kurikawa] {\n --colors-sd-system-color-impression-primary: #8F3D15;\n --colors-sd-system-color-impression-on-primary: #FFFFFF;\n --colors-sd-system-color-impression-primary-container: #8F3D15;\n --colors-sd-system-color-impression-on-primary-container: #FFFFFF;\n --colors-sd-system-color-impression-secondary: #FCC4AB;\n --colors-sd-system-color-impression-on-secondary: #000000;\n --colors-sd-system-color-impression-secondary-container: #FCC4AB;\n --colors-sd-system-color-impression-on-secondary-container: #000000;\n --colors-sd-system-color-impression-tertiary: #FDF5EC;\n --colors-sd-system-color-impression-on-tertiary: #000000;\n --colors-sd-system-color-impression-tertiary-container: #FDF5EC;\n --colors-sd-system-color-impression-on-tertiary-container: #000000;\n --colors-sd-system-color-impression-notice: #EDD857;\n --colors-sd-system-color-impression-on-notice: #000000;\n --colors-sd-system-color-impression-notice-container: #FCE998;\n --colors-sd-system-color-impression-on-notice-container: #000000;\n --colors-sd-system-color-impression-notice-container-variant: #FAF4E3;\n --colors-sd-system-color-impression-on-notice-container-variant: #000000;\n --colors-sd-system-color-impression-negative: #D00138;\n --colors-sd-system-color-impression-on-negative: #FFFFFF;\n --colors-sd-system-color-impression-negative-container: #FFDCDA;\n --colors-sd-system-color-impression-on-negative-container: #000000;\n --colors-sd-system-color-impression-negative-container-variant: #FCEBEA;\n --colors-sd-system-color-impression-on-negative-container-variant: #A4002A;\n --colors-sd-system-color-impression-positive: #2EAB80;\n --colors-sd-system-color-impression-on-positive: #FFFFFF;\n --colors-sd-system-color-impression-positive-container: #BCEEDD;\n --colors-sd-system-color-impression-on-positive-container: #FFFFFF;\n --colors-sd-system-color-impression-positive-container-variant: #DBF5EA;\n --colors-sd-system-color-impression-on-positive-container-variant: #000000;\n --colors-sd-system-color-component-surface: #FFFFFF;\n --colors-sd-system-color-component-on-surface: #000000;\n --colors-sd-system-color-component-on-surface-variant: #6F6F6F;\n --colors-sd-system-color-component-inverse-surface: #232322;\n --colors-sd-system-color-component-inverse-on-surface: #FFFFFF;\n --colors-sd-system-color-component-inverse-primary: #FAECE6;\n --colors-sd-system-color-component-outline-bright: #E4E4E3;\n --colors-sd-system-color-component-outline: #D1D0CD;\n --colors-sd-system-color-component-outline-dim: #8C8B87;\n --colors-sd-system-color-component-scrim: #00000033;\n --colors-sd-system-color-interaction-disabled: #F0F0F0;\n --colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;\n --colors-sd-system-color-interaction-selected: #00000005;\n --colors-sd-system-color-interaction-selected-surface: #FCC4AB;\n --colors-sd-system-color-interaction-hovered: #00000033;\n --colors-sd-system-color-interaction-hovered-variant: #0000000D;\n --colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;\n --colors-sd-system-color-chart-mark-primary-01: #FDDDCE;\n --colors-sd-system-color-chart-mark-primary-02: #FCC4AB;\n --colors-sd-system-color-chart-mark-primary-03: #F49972;\n --colors-sd-system-color-chart-mark-primary-04: #DC6733;\n --colors-sd-system-color-chart-mark-primary-05: #B54E1B;\n --colors-sd-system-color-chart-mark-primary-06: #50230D;\n --colors-sd-system-color-chart-mark-positive-01: #BCEEDD;\n --colors-sd-system-color-chart-mark-positive-02: #90E4C7;\n --colors-sd-system-color-chart-mark-positive-03: #46D2A2;\n --colors-sd-system-color-chart-mark-positive-04: #2EAB80;\n --colors-sd-system-color-chart-mark-positive-05: #2C7C60;\n --colors-sd-system-color-chart-mark-positive-06: #12372B;\n --colors-sd-system-color-chart-mark-negative-01: #FFDCDA;\n --colors-sd-system-color-chart-mark-negative-02: #FFC0BB;\n --colors-sd-system-color-chart-mark-negative-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-negative-04: #F64157;\n --colors-sd-system-color-chart-mark-negative-05: #D00138;\n --colors-sd-system-color-chart-mark-negative-06: #600114;\n --colors-sd-system-color-chart-mark-notice-01: #FCE998;\n --colors-sd-system-color-chart-mark-notice-02: #EDD857;\n --colors-sd-system-color-chart-mark-notice-03: #DEC400;\n --colors-sd-system-color-chart-mark-notice-04: #A78E00;\n --colors-sd-system-color-chart-mark-notice-05: #816E00;\n --colors-sd-system-color-chart-mark-notice-06: #3A3000;\n --colors-sd-system-color-chart-mark-multi-10: #AE8144;\n --colors-sd-system-color-chart-mark-multi-01: #056AD8;\n --colors-sd-system-color-chart-mark-multi-02: #46D2A2;\n --colors-sd-system-color-chart-mark-multi-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-multi-04: #B36CCD;\n --colors-sd-system-color-chart-mark-multi-05: #8F3D15;\n --colors-sd-system-color-chart-mark-multi-06: #4ACBD4;\n --colors-sd-system-color-chart-mark-multi-07: #FCE998;\n --colors-sd-system-color-chart-mark-multi-08: #B54E1B;\n --colors-sd-system-color-chart-mark-multi-09: #9B2657;\n --colors-sd-system-color-chart-component-on-mark-label: #000000;\n --colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;\n --colors-sd-system-color-chart-component-scalemark: #E4E4E3;\n --colors-sd-system-color-chart-component-threshold: #DC6733;\n --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
5
5
  }
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "sumire",
3
3
  "id": "panda-theme-sumire",
4
- "css": " [data-panda-theme=sumire] {\n --colors-sd-system-color-impression-primary: #7C3694;\n --colors-sd-system-color-impression-on-primary: #FFFFFF;\n --colors-sd-system-color-impression-primary-container: #7C3694;\n --colors-sd-system-color-impression-on-primary-container: #FFFFFF;\n --colors-sd-system-color-impression-secondary: #E1C7E7;\n --colors-sd-system-color-impression-on-secondary: #000000;\n --colors-sd-system-color-impression-secondary-container: #E1C7E7;\n --colors-sd-system-color-impression-on-secondary-container: #000000;\n --colors-sd-system-color-impression-tertiary: #073165;\n --colors-sd-system-color-impression-on-tertiary: #FFFFFF;\n --colors-sd-system-color-impression-tertiary-container: #073165;\n --colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;\n --colors-sd-system-color-impression-notice: #EDD857;\n --colors-sd-system-color-impression-on-notice: #000000;\n --colors-sd-system-color-impression-notice-container: #FCE998;\n --colors-sd-system-color-impression-on-notice-container: #000000;\n --colors-sd-system-color-impression-notice-container-variant: #FAF4E3;\n --colors-sd-system-color-impression-on-notice-container-variant: #000000;\n --colors-sd-system-color-impression-negative: #D00138;\n --colors-sd-system-color-impression-on-negative: #FFFFFF;\n --colors-sd-system-color-impression-negative-container: #FFDCDA;\n --colors-sd-system-color-impression-on-negative-container: #000000;\n --colors-sd-system-color-impression-negative-container-variant: #FCEBEA;\n --colors-sd-system-color-impression-on-negative-container-variant: #A4002A;\n --colors-sd-system-color-impression-positive: #2EAB80;\n --colors-sd-system-color-impression-on-positive: #FFFFFF;\n --colors-sd-system-color-impression-positive-container: #BCEEDD;\n --colors-sd-system-color-impression-on-positive-container: #FFFFFF;\n --colors-sd-system-color-impression-positive-container-variant: #DBF5EA;\n --colors-sd-system-color-impression-on-positive-container-variant: #000000;\n --colors-sd-system-color-component-surface: #FFFFFF;\n --colors-sd-system-color-component-on-surface: #000000;\n --colors-sd-system-color-component-on-surface-variant: #6F6F6F;\n --colors-sd-system-color-component-inverse-surface: #232322;\n --colors-sd-system-color-component-inverse-on-surface: #FFFFFF;\n --colors-sd-system-color-component-inverse-primary: #F4ECF6;\n --colors-sd-system-color-component-outline: #D1D0CD;\n --colors-sd-system-color-component-outline-variant: #8C8B87;\n --colors-sd-system-color-component-scrim: #00000033;\n --colors-sd-system-color-interaction-disabled: #F0F0F0;\n --colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;\n --colors-sd-system-color-interaction-selected: #00000005;\n --colors-sd-system-color-interaction-selected-surface: #E1C7E7;\n --colors-sd-system-color-interaction-hovered: #00000033;\n --colors-sd-system-color-interaction-hovered-variant: #0000000D;\n --colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;\n --colors-sd-system-color-chart-mark-primary-01: #EEDEF2;\n --colors-sd-system-color-chart-mark-primary-02: #E1C7E7;\n --colors-sd-system-color-chart-mark-primary-03: #CC9FD9;\n --colors-sd-system-color-chart-mark-primary-04: #B36CCD;\n --colors-sd-system-color-chart-mark-primary-05: #7C3694;\n --colors-sd-system-color-chart-mark-primary-06: #462352;\n --colors-sd-system-color-chart-mark-positive-01: #BCEEDD;\n --colors-sd-system-color-chart-mark-positive-02: #90E4C7;\n --colors-sd-system-color-chart-mark-positive-03: #46D2A2;\n --colors-sd-system-color-chart-mark-positive-04: #2EAB80;\n --colors-sd-system-color-chart-mark-positive-05: #2C7C60;\n --colors-sd-system-color-chart-mark-positive-06: #12372B;\n --colors-sd-system-color-chart-mark-negative-01: #FFDCDA;\n --colors-sd-system-color-chart-mark-negative-02: #FFC0BB;\n --colors-sd-system-color-chart-mark-negative-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-negative-04: #F64157;\n --colors-sd-system-color-chart-mark-negative-05: #D00138;\n --colors-sd-system-color-chart-mark-negative-06: #600114;\n --colors-sd-system-color-chart-mark-notice-01: #FCE998;\n --colors-sd-system-color-chart-mark-notice-02: #EDD857;\n --colors-sd-system-color-chart-mark-notice-03: #DEC400;\n --colors-sd-system-color-chart-mark-notice-04: #A78E00;\n --colors-sd-system-color-chart-mark-notice-05: #816E00;\n --colors-sd-system-color-chart-mark-notice-06: #3A3000;\n --colors-sd-system-color-chart-mark-multi-10: #AE8144;\n --colors-sd-system-color-chart-mark-multi-01: #056AD8;\n --colors-sd-system-color-chart-mark-multi-02: #46D2A2;\n --colors-sd-system-color-chart-mark-multi-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-multi-04: #B36CCD;\n --colors-sd-system-color-chart-mark-multi-05: #8F3D15;\n --colors-sd-system-color-chart-mark-multi-06: #4ACBD4;\n --colors-sd-system-color-chart-mark-multi-07: #FCE998;\n --colors-sd-system-color-chart-mark-multi-08: #B54E1B;\n --colors-sd-system-color-chart-mark-multi-09: #9B2657;\n --colors-sd-system-color-chart-component-on-mark-label: #000000;\n --colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;\n --colors-sd-system-color-chart-component-scalemark: #E4E4E3;\n --colors-sd-system-color-chart-component-threshold: #B36CCD;\n --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
4
+ "css": " [data-panda-theme=sumire] {\n --colors-sd-system-color-impression-primary: #7C3694;\n --colors-sd-system-color-impression-on-primary: #FFFFFF;\n --colors-sd-system-color-impression-primary-container: #7C3694;\n --colors-sd-system-color-impression-on-primary-container: #FFFFFF;\n --colors-sd-system-color-impression-secondary: #E1C7E7;\n --colors-sd-system-color-impression-on-secondary: #000000;\n --colors-sd-system-color-impression-secondary-container: #E1C7E7;\n --colors-sd-system-color-impression-on-secondary-container: #000000;\n --colors-sd-system-color-impression-tertiary: #073165;\n --colors-sd-system-color-impression-on-tertiary: #FFFFFF;\n --colors-sd-system-color-impression-tertiary-container: #073165;\n --colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;\n --colors-sd-system-color-impression-notice: #EDD857;\n --colors-sd-system-color-impression-on-notice: #000000;\n --colors-sd-system-color-impression-notice-container: #FCE998;\n --colors-sd-system-color-impression-on-notice-container: #000000;\n --colors-sd-system-color-impression-notice-container-variant: #FAF4E3;\n --colors-sd-system-color-impression-on-notice-container-variant: #000000;\n --colors-sd-system-color-impression-negative: #D00138;\n --colors-sd-system-color-impression-on-negative: #FFFFFF;\n --colors-sd-system-color-impression-negative-container: #FFDCDA;\n --colors-sd-system-color-impression-on-negative-container: #000000;\n --colors-sd-system-color-impression-negative-container-variant: #FCEBEA;\n --colors-sd-system-color-impression-on-negative-container-variant: #A4002A;\n --colors-sd-system-color-impression-positive: #2EAB80;\n --colors-sd-system-color-impression-on-positive: #FFFFFF;\n --colors-sd-system-color-impression-positive-container: #BCEEDD;\n --colors-sd-system-color-impression-on-positive-container: #FFFFFF;\n --colors-sd-system-color-impression-positive-container-variant: #DBF5EA;\n --colors-sd-system-color-impression-on-positive-container-variant: #000000;\n --colors-sd-system-color-component-surface: #FFFFFF;\n --colors-sd-system-color-component-on-surface: #000000;\n --colors-sd-system-color-component-on-surface-variant: #6F6F6F;\n --colors-sd-system-color-component-inverse-surface: #232322;\n --colors-sd-system-color-component-inverse-on-surface: #FFFFFF;\n --colors-sd-system-color-component-inverse-primary: #F4ECF6;\n --colors-sd-system-color-component-outline-bright: #E4E4E3;\n --colors-sd-system-color-component-outline: #D1D0CD;\n --colors-sd-system-color-component-outline-dim: #8C8B87;\n --colors-sd-system-color-component-scrim: #00000033;\n --colors-sd-system-color-interaction-disabled: #F0F0F0;\n --colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;\n --colors-sd-system-color-interaction-selected: #00000005;\n --colors-sd-system-color-interaction-selected-surface: #E1C7E7;\n --colors-sd-system-color-interaction-hovered: #00000033;\n --colors-sd-system-color-interaction-hovered-variant: #0000000D;\n --colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;\n --colors-sd-system-color-chart-mark-primary-01: #EEDEF2;\n --colors-sd-system-color-chart-mark-primary-02: #E1C7E7;\n --colors-sd-system-color-chart-mark-primary-03: #CC9FD9;\n --colors-sd-system-color-chart-mark-primary-04: #B36CCD;\n --colors-sd-system-color-chart-mark-primary-05: #7C3694;\n --colors-sd-system-color-chart-mark-primary-06: #462352;\n --colors-sd-system-color-chart-mark-positive-01: #BCEEDD;\n --colors-sd-system-color-chart-mark-positive-02: #90E4C7;\n --colors-sd-system-color-chart-mark-positive-03: #46D2A2;\n --colors-sd-system-color-chart-mark-positive-04: #2EAB80;\n --colors-sd-system-color-chart-mark-positive-05: #2C7C60;\n --colors-sd-system-color-chart-mark-positive-06: #12372B;\n --colors-sd-system-color-chart-mark-negative-01: #FFDCDA;\n --colors-sd-system-color-chart-mark-negative-02: #FFC0BB;\n --colors-sd-system-color-chart-mark-negative-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-negative-04: #F64157;\n --colors-sd-system-color-chart-mark-negative-05: #D00138;\n --colors-sd-system-color-chart-mark-negative-06: #600114;\n --colors-sd-system-color-chart-mark-notice-01: #FCE998;\n --colors-sd-system-color-chart-mark-notice-02: #EDD857;\n --colors-sd-system-color-chart-mark-notice-03: #DEC400;\n --colors-sd-system-color-chart-mark-notice-04: #A78E00;\n --colors-sd-system-color-chart-mark-notice-05: #816E00;\n --colors-sd-system-color-chart-mark-notice-06: #3A3000;\n --colors-sd-system-color-chart-mark-multi-10: #AE8144;\n --colors-sd-system-color-chart-mark-multi-01: #056AD8;\n --colors-sd-system-color-chart-mark-multi-02: #46D2A2;\n --colors-sd-system-color-chart-mark-multi-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-multi-04: #B36CCD;\n --colors-sd-system-color-chart-mark-multi-05: #8F3D15;\n --colors-sd-system-color-chart-mark-multi-06: #4ACBD4;\n --colors-sd-system-color-chart-mark-multi-07: #FCE998;\n --colors-sd-system-color-chart-mark-multi-08: #B54E1B;\n --colors-sd-system-color-chart-mark-multi-09: #9B2657;\n --colors-sd-system-color-chart-component-on-mark-label: #000000;\n --colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;\n --colors-sd-system-color-chart-component-scalemark: #E4E4E3;\n --colors-sd-system-color-chart-component-threshold: #B36CCD;\n --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
5
5
  }
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "tsutsuji",
3
3
  "id": "panda-theme-tsutsuji",
4
- "css": " [data-panda-theme=tsutsuji] {\n --colors-sd-system-color-impression-primary: #9B2657;\n --colors-sd-system-color-impression-on-primary: #FFFFFF;\n --colors-sd-system-color-impression-primary-container: #F9DCE5;\n --colors-sd-system-color-impression-on-primary-container: #000000;\n --colors-sd-system-color-impression-secondary: #F3C4D3;\n --colors-sd-system-color-impression-on-secondary: #000000;\n --colors-sd-system-color-impression-secondary-container: #F3C4D3;\n --colors-sd-system-color-impression-on-secondary-container: #000000;\n --colors-sd-system-color-impression-tertiary: #591734;\n --colors-sd-system-color-impression-on-tertiary: #FFFFFF;\n --colors-sd-system-color-impression-tertiary-container: #591734;\n --colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;\n --colors-sd-system-color-impression-notice: #EDD857;\n --colors-sd-system-color-impression-on-notice: #000000;\n --colors-sd-system-color-impression-notice-container: #FCE998;\n --colors-sd-system-color-impression-on-notice-container: #000000;\n --colors-sd-system-color-impression-notice-container-variant: #FAF4E3;\n --colors-sd-system-color-impression-on-notice-container-variant: #000000;\n --colors-sd-system-color-impression-negative: #D00138;\n --colors-sd-system-color-impression-on-negative: #FFFFFF;\n --colors-sd-system-color-impression-negative-container: #FFDCDA;\n --colors-sd-system-color-impression-on-negative-container: #000000;\n --colors-sd-system-color-impression-negative-container-variant: #FCEBEA;\n --colors-sd-system-color-impression-on-negative-container-variant: #A4002A;\n --colors-sd-system-color-impression-positive: #2EAB80;\n --colors-sd-system-color-impression-on-positive: #FFFFFF;\n --colors-sd-system-color-impression-positive-container: #BCEEDD;\n --colors-sd-system-color-impression-on-positive-container: #FFFFFF;\n --colors-sd-system-color-impression-positive-container-variant: #DBF5EA;\n --colors-sd-system-color-impression-on-positive-container-variant: #000000;\n --colors-sd-system-color-component-surface: #FFFFFF;\n --colors-sd-system-color-component-on-surface: #000000;\n --colors-sd-system-color-component-on-surface-variant: #6F6F6F;\n --colors-sd-system-color-component-inverse-surface: #232322;\n --colors-sd-system-color-component-inverse-on-surface: #FFFFFF;\n --colors-sd-system-color-component-inverse-primary: #FFF4F8;\n --colors-sd-system-color-component-outline: #D1D0CD;\n --colors-sd-system-color-component-outline-variant: #8C8B87;\n --colors-sd-system-color-component-scrim: #00000033;\n --colors-sd-system-color-interaction-disabled: #F0F0F0;\n --colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;\n --colors-sd-system-color-interaction-selected: #00000005;\n --colors-sd-system-color-interaction-selected-surface: #F3C4D3;\n --colors-sd-system-color-interaction-hovered: #00000033;\n --colors-sd-system-color-interaction-hovered-variant: #0000000D;\n --colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;\n --colors-sd-system-color-chart-mark-primary-01: #F9DCE5;\n --colors-sd-system-color-chart-mark-primary-02: #F3C4D3;\n --colors-sd-system-color-chart-mark-primary-03: #F691B6;\n --colors-sd-system-color-chart-mark-primary-04: #E2568F;\n --colors-sd-system-color-chart-mark-primary-05: #9B2657;\n --colors-sd-system-color-chart-mark-primary-06: #591734;\n --colors-sd-system-color-chart-mark-positive-01: #BCEEDD;\n --colors-sd-system-color-chart-mark-positive-02: #90E4C7;\n --colors-sd-system-color-chart-mark-positive-03: #46D2A2;\n --colors-sd-system-color-chart-mark-positive-04: #2EAB80;\n --colors-sd-system-color-chart-mark-positive-05: #2C7C60;\n --colors-sd-system-color-chart-mark-positive-06: #12372B;\n --colors-sd-system-color-chart-mark-negative-01: #FFDCDA;\n --colors-sd-system-color-chart-mark-negative-02: #FFC0BB;\n --colors-sd-system-color-chart-mark-negative-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-negative-04: #F64157;\n --colors-sd-system-color-chart-mark-negative-05: #D00138;\n --colors-sd-system-color-chart-mark-negative-06: #600114;\n --colors-sd-system-color-chart-mark-notice-01: #FCE998;\n --colors-sd-system-color-chart-mark-notice-02: #EDD857;\n --colors-sd-system-color-chart-mark-notice-03: #DEC400;\n --colors-sd-system-color-chart-mark-notice-04: #A78E00;\n --colors-sd-system-color-chart-mark-notice-05: #816E00;\n --colors-sd-system-color-chart-mark-notice-06: #3A3000;\n --colors-sd-system-color-chart-mark-multi-10: #AE8144;\n --colors-sd-system-color-chart-mark-multi-01: #056AD8;\n --colors-sd-system-color-chart-mark-multi-02: #46D2A2;\n --colors-sd-system-color-chart-mark-multi-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-multi-04: #B36CCD;\n --colors-sd-system-color-chart-mark-multi-05: #8F3D15;\n --colors-sd-system-color-chart-mark-multi-06: #4ACBD4;\n --colors-sd-system-color-chart-mark-multi-07: #FCE998;\n --colors-sd-system-color-chart-mark-multi-08: #B54E1B;\n --colors-sd-system-color-chart-mark-multi-09: #9B2657;\n --colors-sd-system-color-chart-component-on-mark-label: #000000;\n --colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;\n --colors-sd-system-color-chart-component-scalemark: #E4E4E3;\n --colors-sd-system-color-chart-component-threshold: #E2568F;\n --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
4
+ "css": " [data-panda-theme=tsutsuji] {\n --colors-sd-system-color-impression-primary: #9B2657;\n --colors-sd-system-color-impression-on-primary: #FFFFFF;\n --colors-sd-system-color-impression-primary-container: #F9DCE5;\n --colors-sd-system-color-impression-on-primary-container: #000000;\n --colors-sd-system-color-impression-secondary: #F3C4D3;\n --colors-sd-system-color-impression-on-secondary: #000000;\n --colors-sd-system-color-impression-secondary-container: #F3C4D3;\n --colors-sd-system-color-impression-on-secondary-container: #000000;\n --colors-sd-system-color-impression-tertiary: #591734;\n --colors-sd-system-color-impression-on-tertiary: #FFFFFF;\n --colors-sd-system-color-impression-tertiary-container: #591734;\n --colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;\n --colors-sd-system-color-impression-notice: #EDD857;\n --colors-sd-system-color-impression-on-notice: #000000;\n --colors-sd-system-color-impression-notice-container: #FCE998;\n --colors-sd-system-color-impression-on-notice-container: #000000;\n --colors-sd-system-color-impression-notice-container-variant: #FAF4E3;\n --colors-sd-system-color-impression-on-notice-container-variant: #000000;\n --colors-sd-system-color-impression-negative: #D00138;\n --colors-sd-system-color-impression-on-negative: #FFFFFF;\n --colors-sd-system-color-impression-negative-container: #FFDCDA;\n --colors-sd-system-color-impression-on-negative-container: #000000;\n --colors-sd-system-color-impression-negative-container-variant: #FCEBEA;\n --colors-sd-system-color-impression-on-negative-container-variant: #A4002A;\n --colors-sd-system-color-impression-positive: #2EAB80;\n --colors-sd-system-color-impression-on-positive: #FFFFFF;\n --colors-sd-system-color-impression-positive-container: #BCEEDD;\n --colors-sd-system-color-impression-on-positive-container: #FFFFFF;\n --colors-sd-system-color-impression-positive-container-variant: #DBF5EA;\n --colors-sd-system-color-impression-on-positive-container-variant: #000000;\n --colors-sd-system-color-component-surface: #FFFFFF;\n --colors-sd-system-color-component-on-surface: #000000;\n --colors-sd-system-color-component-on-surface-variant: #6F6F6F;\n --colors-sd-system-color-component-inverse-surface: #232322;\n --colors-sd-system-color-component-inverse-on-surface: #FFFFFF;\n --colors-sd-system-color-component-inverse-primary: #FFF4F8;\n --colors-sd-system-color-component-outline-bright: #E4E4E3;\n --colors-sd-system-color-component-outline: #D1D0CD;\n --colors-sd-system-color-component-outline-dim: #8C8B87;\n --colors-sd-system-color-component-scrim: #00000033;\n --colors-sd-system-color-interaction-disabled: #F0F0F0;\n --colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;\n --colors-sd-system-color-interaction-selected: #00000005;\n --colors-sd-system-color-interaction-selected-surface: #F3C4D3;\n --colors-sd-system-color-interaction-hovered: #00000033;\n --colors-sd-system-color-interaction-hovered-variant: #0000000D;\n --colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;\n --colors-sd-system-color-chart-mark-primary-01: #F9DCE5;\n --colors-sd-system-color-chart-mark-primary-02: #F3C4D3;\n --colors-sd-system-color-chart-mark-primary-03: #F691B6;\n --colors-sd-system-color-chart-mark-primary-04: #E2568F;\n --colors-sd-system-color-chart-mark-primary-05: #9B2657;\n --colors-sd-system-color-chart-mark-primary-06: #591734;\n --colors-sd-system-color-chart-mark-positive-01: #BCEEDD;\n --colors-sd-system-color-chart-mark-positive-02: #90E4C7;\n --colors-sd-system-color-chart-mark-positive-03: #46D2A2;\n --colors-sd-system-color-chart-mark-positive-04: #2EAB80;\n --colors-sd-system-color-chart-mark-positive-05: #2C7C60;\n --colors-sd-system-color-chart-mark-positive-06: #12372B;\n --colors-sd-system-color-chart-mark-negative-01: #FFDCDA;\n --colors-sd-system-color-chart-mark-negative-02: #FFC0BB;\n --colors-sd-system-color-chart-mark-negative-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-negative-04: #F64157;\n --colors-sd-system-color-chart-mark-negative-05: #D00138;\n --colors-sd-system-color-chart-mark-negative-06: #600114;\n --colors-sd-system-color-chart-mark-notice-01: #FCE998;\n --colors-sd-system-color-chart-mark-notice-02: #EDD857;\n --colors-sd-system-color-chart-mark-notice-03: #DEC400;\n --colors-sd-system-color-chart-mark-notice-04: #A78E00;\n --colors-sd-system-color-chart-mark-notice-05: #816E00;\n --colors-sd-system-color-chart-mark-notice-06: #3A3000;\n --colors-sd-system-color-chart-mark-multi-10: #AE8144;\n --colors-sd-system-color-chart-mark-multi-01: #056AD8;\n --colors-sd-system-color-chart-mark-multi-02: #46D2A2;\n --colors-sd-system-color-chart-mark-multi-03: #FF8F8F;\n --colors-sd-system-color-chart-mark-multi-04: #B36CCD;\n --colors-sd-system-color-chart-mark-multi-05: #8F3D15;\n --colors-sd-system-color-chart-mark-multi-06: #4ACBD4;\n --colors-sd-system-color-chart-mark-multi-07: #FCE998;\n --colors-sd-system-color-chart-mark-multi-08: #B54E1B;\n --colors-sd-system-color-chart-mark-multi-09: #9B2657;\n --colors-sd-system-color-chart-component-on-mark-label: #000000;\n --colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;\n --colors-sd-system-color-chart-component-scalemark: #E4E4E3;\n --colors-sd-system-color-chart-component-threshold: #E2568F;\n --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
5
5
  }
@@ -567,13 +567,17 @@ const tokens = {
567
567
  "value": "var(--colors-sd-system-color-component-inverse-primary)",
568
568
  "variable": "var(--colors-sd-system-color-component-inverse-primary)"
569
569
  },
570
+ "colors.sd.system.color.component.outlineBright": {
571
+ "value": "var(--colors-sd-system-color-component-outline-bright)",
572
+ "variable": "var(--colors-sd-system-color-component-outline-bright)"
573
+ },
570
574
  "colors.sd.system.color.component.outline": {
571
575
  "value": "var(--colors-sd-system-color-component-outline)",
572
576
  "variable": "var(--colors-sd-system-color-component-outline)"
573
577
  },
574
- "colors.sd.system.color.component.outlineVariant": {
575
- "value": "var(--colors-sd-system-color-component-outline-variant)",
576
- "variable": "var(--colors-sd-system-color-component-outline-variant)"
578
+ "colors.sd.system.color.component.outlineDim": {
579
+ "value": "var(--colors-sd-system-color-component-outline-dim)",
580
+ "variable": "var(--colors-sd-system-color-component-outline-dim)"
577
581
  },
578
582
  "colors.sd.system.color.component.scrim": {
579
583
  "value": "var(--colors-sd-system-color-component-scrim)",
@@ -3743,6 +3747,22 @@ const tokens = {
3743
3747
  "value": "var(--colors-color-palette-inverse-primary)",
3744
3748
  "variable": "var(--colors-color-palette-inverse-primary)"
3745
3749
  },
3750
+ "colors.colorPalette.system.color.component.outlineBright": {
3751
+ "value": "var(--colors-color-palette-system-color-component-outline-bright)",
3752
+ "variable": "var(--colors-color-palette-system-color-component-outline-bright)"
3753
+ },
3754
+ "colors.colorPalette.color.component.outlineBright": {
3755
+ "value": "var(--colors-color-palette-color-component-outline-bright)",
3756
+ "variable": "var(--colors-color-palette-color-component-outline-bright)"
3757
+ },
3758
+ "colors.colorPalette.component.outlineBright": {
3759
+ "value": "var(--colors-color-palette-component-outline-bright)",
3760
+ "variable": "var(--colors-color-palette-component-outline-bright)"
3761
+ },
3762
+ "colors.colorPalette.outlineBright": {
3763
+ "value": "var(--colors-color-palette-outline-bright)",
3764
+ "variable": "var(--colors-color-palette-outline-bright)"
3765
+ },
3746
3766
  "colors.colorPalette.system.color.component.outline": {
3747
3767
  "value": "var(--colors-color-palette-system-color-component-outline)",
3748
3768
  "variable": "var(--colors-color-palette-system-color-component-outline)"
@@ -3759,21 +3779,21 @@ const tokens = {
3759
3779
  "value": "var(--colors-color-palette-outline)",
3760
3780
  "variable": "var(--colors-color-palette-outline)"
3761
3781
  },
3762
- "colors.colorPalette.system.color.component.outlineVariant": {
3763
- "value": "var(--colors-color-palette-system-color-component-outline-variant)",
3764
- "variable": "var(--colors-color-palette-system-color-component-outline-variant)"
3782
+ "colors.colorPalette.system.color.component.outlineDim": {
3783
+ "value": "var(--colors-color-palette-system-color-component-outline-dim)",
3784
+ "variable": "var(--colors-color-palette-system-color-component-outline-dim)"
3765
3785
  },
3766
- "colors.colorPalette.color.component.outlineVariant": {
3767
- "value": "var(--colors-color-palette-color-component-outline-variant)",
3768
- "variable": "var(--colors-color-palette-color-component-outline-variant)"
3786
+ "colors.colorPalette.color.component.outlineDim": {
3787
+ "value": "var(--colors-color-palette-color-component-outline-dim)",
3788
+ "variable": "var(--colors-color-palette-color-component-outline-dim)"
3769
3789
  },
3770
- "colors.colorPalette.component.outlineVariant": {
3771
- "value": "var(--colors-color-palette-component-outline-variant)",
3772
- "variable": "var(--colors-color-palette-component-outline-variant)"
3790
+ "colors.colorPalette.component.outlineDim": {
3791
+ "value": "var(--colors-color-palette-component-outline-dim)",
3792
+ "variable": "var(--colors-color-palette-component-outline-dim)"
3773
3793
  },
3774
- "colors.colorPalette.outlineVariant": {
3775
- "value": "var(--colors-color-palette-outline-variant)",
3776
- "variable": "var(--colors-color-palette-outline-variant)"
3794
+ "colors.colorPalette.outlineDim": {
3795
+ "value": "var(--colors-color-palette-outline-dim)",
3796
+ "variable": "var(--colors-color-palette-outline-dim)"
3777
3797
  },
3778
3798
  "colors.colorPalette.system.color.component.scrim": {
3779
3799
  "value": "var(--colors-color-palette-system-color-component-scrim)",