@serendie/ui 2.2.5 → 2.2.6
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.
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.js +13 -13
- package/dist/components/Divider/Divider.d.ts +1 -1
- package/dist/components/Divider/Divider.js +4 -4
- package/dist/components/IconButton/IconButton.d.ts +2 -2
- package/dist/components/IconButton/IconButton.js +6 -6
- package/dist/components/RadioButton/RadioButton.js +10 -10
- package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js +20 -5
- package/dist/node_modules/@serendie/design-token/dist/tokens.js +10 -5
- package/dist/preset.d.ts +20 -5
- package/dist/styled-system/tokens/index.js +35 -15
- package/dist/styles.css +1 -1
- package/dist/tokens/getToken.d.ts +10 -5
- package/dist/tokens/index.d.ts +20 -5
- package/package.json +2 -2
- package/styled-system/themes/theme-asagi.json +1 -1
- package/styled-system/themes/theme-kurikawa.json +1 -1
- package/styled-system/themes/theme-sumire.json +1 -1
- package/styled-system/themes/theme-tsutsuji.json +1 -1
- package/styled-system/tokens/index.js +35 -15
- package/styled-system/tokens/tokens.d.ts +2 -2
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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.
|
|
575
|
-
"value": "var(--colors-sd-system-color-component-outline-
|
|
576
|
-
"variable": "var(--colors-sd-system-color-component-outline-
|
|
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.
|
|
3763
|
-
"value": "var(--colors-color-palette-system-color-component-outline-
|
|
3764
|
-
"variable": "var(--colors-color-palette-system-color-component-outline-
|
|
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.
|
|
3767
|
-
"value": "var(--colors-color-palette-color-component-outline-
|
|
3768
|
-
"variable": "var(--colors-color-palette-color-component-outline-
|
|
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.
|
|
3771
|
-
"value": "var(--colors-color-palette-component-outline-
|
|
3772
|
-
"variable": "var(--colors-color-palette-component-outline-
|
|
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.
|
|
3775
|
-
"value": "var(--colors-color-palette-outline-
|
|
3776
|
-
"variable": "var(--colors-color-palette-outline-
|
|
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)",
|