@hanzogui/themes 8.3.0 → 8.3.2
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/cjs/brands.js +53 -0
- package/dist/cjs/brands.js.map +1 -0
- package/dist/cjs/componentThemeDefinitions.js +108 -0
- package/dist/cjs/componentThemeDefinitions.js.map +1 -0
- package/dist/{esm/generated-new.mjs → cjs/generated-new.js} +2570 -2122
- package/dist/cjs/generated-new.js.map +1 -0
- package/dist/cjs/generated-v3.js +1537 -0
- package/dist/cjs/generated-v3.js.map +1 -0
- package/dist/cjs/generated-v4-hanzogui.js +1721 -0
- package/dist/cjs/generated-v4-hanzogui.js.map +1 -0
- package/dist/cjs/generated-v4.js +838 -0
- package/dist/cjs/generated-v4.js.map +1 -0
- package/dist/{esm/generated-v5-subtle.mjs → cjs/generated-v5-subtle.js} +1695 -401
- package/dist/cjs/generated-v5-subtle.js.map +1 -0
- package/dist/{esm/generated-v5.mjs → cjs/generated-v5.js} +1713 -401
- package/dist/cjs/generated-v5.js.map +1 -0
- package/dist/cjs/helpers.js +14 -0
- package/dist/cjs/helpers.js.map +1 -0
- package/dist/cjs/index.js +13 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/opacify.js +125 -0
- package/dist/cjs/opacify.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/palettes.js +84 -0
- package/dist/cjs/palettes.js.map +1 -0
- package/dist/cjs/shadows.js +22 -0
- package/dist/cjs/shadows.js.map +1 -0
- package/dist/cjs/subtleChildrenThemes.js +46 -0
- package/dist/cjs/subtleChildrenThemes.js.map +1 -0
- package/dist/cjs/templates.js +98 -0
- package/dist/cjs/templates.js.map +1 -0
- package/dist/cjs/themes-new.js +87 -0
- package/dist/cjs/themes-new.js.map +1 -0
- package/dist/cjs/themes-old.js +309 -0
- package/dist/cjs/themes-old.js.map +1 -0
- package/dist/cjs/themes.js +6 -0
- package/dist/cjs/themes.js.map +1 -0
- package/dist/cjs/tokens.js +151 -0
- package/dist/cjs/tokens.js.map +1 -0
- package/dist/cjs/utils.js +30 -0
- package/dist/cjs/utils.js.map +1 -0
- package/dist/cjs/v3-themes.js +558 -0
- package/dist/cjs/v3-themes.js.map +1 -0
- package/dist/cjs/v3-tokens.js +87 -0
- package/dist/cjs/v3-tokens.js.map +1 -0
- package/dist/cjs/v3.js +33 -0
- package/dist/cjs/v3.js.map +1 -0
- package/dist/cjs/v4-default.js +185 -0
- package/dist/cjs/v4-default.js.map +1 -0
- package/dist/cjs/v4-hanzogui.js +270 -0
- package/dist/cjs/v4-hanzogui.js.map +1 -0
- package/dist/cjs/v4-tokens.js +88 -0
- package/dist/cjs/v4-tokens.js.map +1 -0
- package/dist/cjs/v4.js +12 -0
- package/dist/cjs/v4.js.map +1 -0
- package/dist/cjs/v5-subtle.js +17 -0
- package/dist/cjs/v5-subtle.js.map +1 -0
- package/dist/cjs/v5-templates.js +103 -0
- package/dist/cjs/v5-templates.js.map +1 -0
- package/dist/cjs/v5-themes-subtle.js +19 -0
- package/dist/cjs/v5-themes-subtle.js.map +1 -0
- package/dist/cjs/v5-themes.js +404 -0
- package/dist/cjs/v5-themes.js.map +1 -0
- package/dist/cjs/v5-tokens.js +88 -0
- package/dist/cjs/v5-tokens.js.map +1 -0
- package/dist/cjs/v5.js +14 -0
- package/dist/cjs/v5.js.map +1 -0
- package/dist/esm/brands.js +50 -0
- package/dist/esm/brands.js.map +1 -0
- package/dist/esm/componentThemeDefinitions.js +105 -0
- package/dist/esm/componentThemeDefinitions.js.map +1 -0
- package/dist/{cjs/generated-new.cjs → esm/generated-new.js} +2568 -2149
- package/dist/esm/generated-new.js.map +1 -0
- package/dist/esm/generated-v3.js +1534 -0
- package/dist/esm/generated-v3.js.map +1 -0
- package/dist/esm/generated-v4-hanzogui.js +1718 -0
- package/dist/esm/generated-v4-hanzogui.js.map +1 -0
- package/dist/esm/generated-v4.js +835 -0
- package/dist/esm/generated-v4.js.map +1 -0
- package/dist/{cjs/generated-v5-subtle.cjs → esm/generated-v5-subtle.js} +1693 -428
- package/dist/esm/generated-v5-subtle.js.map +1 -0
- package/dist/{cjs/generated-v5.cjs → esm/generated-v5.js} +1711 -428
- package/dist/esm/generated-v5.js.map +1 -0
- package/dist/esm/helpers.js +8 -0
- package/dist/esm/helpers.js.map +1 -0
- package/dist/esm/index.js +10 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/opacify.js +121 -0
- package/dist/esm/opacify.js.map +1 -0
- package/dist/esm/palettes.js +81 -0
- package/dist/esm/palettes.js.map +1 -0
- package/dist/esm/shadows.js +19 -0
- package/dist/esm/shadows.js.map +1 -0
- package/dist/esm/subtleChildrenThemes.js +43 -0
- package/dist/esm/subtleChildrenThemes.js.map +1 -0
- package/dist/esm/templates.js +95 -0
- package/dist/esm/templates.js.map +1 -0
- package/dist/esm/themes-new.js +84 -0
- package/dist/esm/themes-new.js.map +1 -0
- package/dist/esm/themes-old.js +306 -0
- package/dist/esm/themes-old.js.map +1 -0
- package/dist/esm/themes.js +2 -0
- package/dist/esm/themes.js.map +1 -0
- package/dist/esm/tokens.js +148 -0
- package/dist/esm/tokens.js.map +1 -0
- package/dist/esm/utils.js +24 -0
- package/dist/esm/utils.js.map +1 -0
- package/dist/esm/v3-themes.js +555 -0
- package/dist/esm/v3-themes.js.map +1 -0
- package/dist/esm/v3-tokens.js +84 -0
- package/dist/esm/v3-tokens.js.map +1 -0
- package/dist/esm/v3.js +12 -0
- package/dist/esm/v3.js.map +1 -0
- package/dist/esm/v4-default.js +181 -0
- package/dist/esm/v4-default.js.map +1 -0
- package/dist/esm/v4-hanzogui.js +266 -0
- package/dist/esm/v4-hanzogui.js.map +1 -0
- package/dist/esm/v4-tokens.js +85 -0
- package/dist/esm/v4-tokens.js.map +1 -0
- package/dist/esm/v4.js +5 -0
- package/dist/esm/v4.js.map +1 -0
- package/dist/esm/v5-subtle.js +7 -0
- package/dist/esm/v5-subtle.js.map +1 -0
- package/dist/esm/v5-templates.js +100 -0
- package/dist/esm/v5-templates.js.map +1 -0
- package/dist/esm/v5-themes-subtle.js +15 -0
- package/dist/esm/v5-themes-subtle.js.map +1 -0
- package/dist/esm/v5-themes.js +392 -0
- package/dist/esm/v5-themes.js.map +1 -0
- package/dist/esm/v5-tokens.js +85 -0
- package/dist/esm/v5-tokens.js.map +1 -0
- package/dist/esm/v5.js +6 -0
- package/dist/esm/v5.js.map +1 -0
- package/package.json +50 -65
- package/src/componentThemeDefinitions.tsx +1 -1
- package/src/helpers.ts +10 -3
- package/src/index.tsx +7 -7
- package/src/palettes.tsx +3 -3
- package/src/subtleChildrenThemes.ts +1 -1
- package/src/templates.tsx +1 -1
- package/src/themes-new.ts +5 -5
- package/src/themes-old.tsx +1 -1
- package/src/themes.tsx +1 -1
- package/src/utils.ts +3 -1
- package/src/v3-themes.ts +2 -2
- package/src/v3-tokens.ts +1 -1
- package/src/v3.tsx +2 -2
- package/src/v4-default.ts +1 -1
- package/src/v4-tokens.ts +1 -1
- package/src/v4.tsx +3 -3
- package/src/v5-subtle.tsx +10 -7
- package/src/v5-themes-subtle.ts +3 -3
- package/src/v5-themes.ts +3 -3
- package/src/v5-tokens.ts +1 -1
- package/src/v5.tsx +6 -6
- package/types/brands.d.ts +4 -4
- package/types/brands.d.ts.map +1 -1
- package/types/componentThemeDefinitions.d.ts +163 -163
- package/types/helpers.d.ts.map +1 -1
- package/types/index.d.ts +7 -7
- package/types/index.d.ts.map +1 -1
- package/types/palettes.d.ts +10 -10
- package/types/subtleChildrenThemes.d.ts +13 -13
- package/types/subtleChildrenThemes.d.ts.map +1 -1
- package/types/templates.d.ts +43 -43
- package/types/themes-old.d.ts +27260 -27260
- package/types/themes.d.ts +1 -1
- package/types/themes.d.ts.map +1 -1
- package/types/tokens.d.ts +769 -769
- package/types/tokens.d.ts.map +1 -1
- package/types/utils.d.ts.map +1 -1
- package/types/v3-themes.d.ts +13952 -13952
- package/types/v3-themes.d.ts.map +1 -1
- package/types/v3-tokens.d.ts +40 -40
- package/types/v3-tokens.d.ts.map +1 -1
- package/types/v3.d.ts +2 -2
- package/types/v3.d.ts.map +1 -1
- package/types/v4-default.d.ts +205 -205
- package/types/v4-hanzogui.d.ts +155 -155
- package/types/v4-tokens.d.ts +40 -40
- package/types/v4-tokens.d.ts.map +1 -1
- package/types/v4.d.ts +3 -3
- package/types/v4.d.ts.map +1 -1
- package/types/v5-subtle.d.ts +7 -7
- package/types/v5-subtle.d.ts.map +1 -1
- package/types/v5-templates.d.ts +3 -3
- package/types/v5-themes-subtle.d.ts +186 -186
- package/types/v5-themes-subtle.d.ts.map +1 -1
- package/types/v5-themes.d.ts +228 -228
- package/types/v5-themes.d.ts.map +1 -1
- package/types/v5-tokens.d.ts +40 -40
- package/types/v5-tokens.d.ts.map +1 -1
- package/types/v5.d.ts +6 -6
- package/types/v5.d.ts.map +1 -1
- package/dist/cjs/brands.cjs +0 -54
- package/dist/cjs/brands.native.js +0 -57
- package/dist/cjs/brands.native.js.map +0 -1
- package/dist/cjs/componentThemeDefinitions.cjs +0 -126
- package/dist/cjs/componentThemeDefinitions.native.js +0 -129
- package/dist/cjs/componentThemeDefinitions.native.js.map +0 -1
- package/dist/cjs/generated-new.native.js +0 -3039
- package/dist/cjs/generated-new.native.js.map +0 -1
- package/dist/cjs/generated-v3.cjs +0 -1103
- package/dist/cjs/generated-v3.native.js +0 -1125
- package/dist/cjs/generated-v3.native.js.map +0 -1
- package/dist/cjs/generated-v4-hanzogui.cjs +0 -937
- package/dist/cjs/generated-v4-hanzogui.native.js +0 -959
- package/dist/cjs/generated-v4-hanzogui.native.js.map +0 -1
- package/dist/cjs/generated-v4.cjs +0 -395
- package/dist/cjs/generated-v4.native.js +0 -417
- package/dist/cjs/generated-v4.native.js.map +0 -1
- package/dist/cjs/generated-v5-subtle.native.js +0 -575
- package/dist/cjs/generated-v5-subtle.native.js.map +0 -1
- package/dist/cjs/generated-v5.native.js +0 -575
- package/dist/cjs/generated-v5.native.js.map +0 -1
- package/dist/cjs/helpers.cjs +0 -36
- package/dist/cjs/helpers.native.js +0 -41
- package/dist/cjs/helpers.native.js.map +0 -1
- package/dist/cjs/index.cjs +0 -28
- package/dist/cjs/index.native.js +0 -31
- package/dist/cjs/index.native.js.map +0 -1
- package/dist/cjs/opacify.cjs +0 -121
- package/dist/cjs/opacify.native.js +0 -129
- package/dist/cjs/opacify.native.js.map +0 -1
- package/dist/cjs/palettes.cjs +0 -57
- package/dist/cjs/palettes.native.js +0 -70
- package/dist/cjs/palettes.native.js.map +0 -1
- package/dist/cjs/shadows.cjs +0 -45
- package/dist/cjs/shadows.native.js +0 -48
- package/dist/cjs/shadows.native.js.map +0 -1
- package/dist/cjs/subtleChildrenThemes.cjs +0 -68
- package/dist/cjs/subtleChildrenThemes.native.js +0 -76
- package/dist/cjs/subtleChildrenThemes.native.js.map +0 -1
- package/dist/cjs/templates.cjs +0 -120
- package/dist/cjs/templates.native.js +0 -123
- package/dist/cjs/templates.native.js.map +0 -1
- package/dist/cjs/themes-new.cjs +0 -95
- package/dist/cjs/themes-new.native.js +0 -97
- package/dist/cjs/themes-new.native.js.map +0 -1
- package/dist/cjs/themes-old.cjs +0 -292
- package/dist/cjs/themes-old.native.js +0 -305
- package/dist/cjs/themes-old.native.js.map +0 -1
- package/dist/cjs/themes.cjs +0 -28
- package/dist/cjs/themes.native.js +0 -31
- package/dist/cjs/themes.native.js.map +0 -1
- package/dist/cjs/tokens.cjs +0 -164
- package/dist/cjs/tokens.native.js +0 -174
- package/dist/cjs/tokens.native.js.map +0 -1
- package/dist/cjs/utils.cjs +0 -47
- package/dist/cjs/utils.native.js +0 -53
- package/dist/cjs/utils.native.js.map +0 -1
- package/dist/cjs/v3-themes.cjs +0 -475
- package/dist/cjs/v3-themes.native.js +0 -489
- package/dist/cjs/v3-themes.native.js.map +0 -1
- package/dist/cjs/v3-tokens.cjs +0 -103
- package/dist/cjs/v3-tokens.native.js +0 -110
- package/dist/cjs/v3-tokens.native.js.map +0 -1
- package/dist/cjs/v3.cjs +0 -54
- package/dist/cjs/v3.native.js +0 -57
- package/dist/cjs/v3.native.js.map +0 -1
- package/dist/cjs/v4-default.cjs +0 -185
- package/dist/cjs/v4-default.native.js +0 -188
- package/dist/cjs/v4-default.native.js.map +0 -1
- package/dist/cjs/v4-hanzogui.cjs +0 -239
- package/dist/cjs/v4-hanzogui.native.js +0 -245
- package/dist/cjs/v4-hanzogui.native.js.map +0 -1
- package/dist/cjs/v4-tokens.cjs +0 -103
- package/dist/cjs/v4-tokens.native.js +0 -110
- package/dist/cjs/v4-tokens.native.js.map +0 -1
- package/dist/cjs/v4.cjs +0 -34
- package/dist/cjs/v4.native.js +0 -37
- package/dist/cjs/v4.native.js.map +0 -1
- package/dist/cjs/v5-subtle.cjs +0 -39
- package/dist/cjs/v5-subtle.native.js +0 -42
- package/dist/cjs/v5-subtle.native.js.map +0 -1
- package/dist/cjs/v5-templates.cjs +0 -119
- package/dist/cjs/v5-templates.native.js +0 -128
- package/dist/cjs/v5-templates.native.js.map +0 -1
- package/dist/cjs/v5-themes-subtle.cjs +0 -39
- package/dist/cjs/v5-themes-subtle.native.js +0 -42
- package/dist/cjs/v5-themes-subtle.native.js.map +0 -1
- package/dist/cjs/v5-themes.cjs +0 -415
- package/dist/cjs/v5-themes.native.js +0 -470
- package/dist/cjs/v5-themes.native.js.map +0 -1
- package/dist/cjs/v5-tokens.cjs +0 -103
- package/dist/cjs/v5-tokens.native.js +0 -110
- package/dist/cjs/v5-tokens.native.js.map +0 -1
- package/dist/cjs/v5.cjs +0 -36
- package/dist/cjs/v5.native.js +0 -39
- package/dist/cjs/v5.native.js.map +0 -1
- package/dist/esm/brands.mjs +0 -28
- package/dist/esm/brands.mjs.map +0 -1
- package/dist/esm/brands.native.js +0 -28
- package/dist/esm/brands.native.js.map +0 -1
- package/dist/esm/componentThemeDefinitions.mjs +0 -100
- package/dist/esm/componentThemeDefinitions.mjs.map +0 -1
- package/dist/esm/componentThemeDefinitions.native.js +0 -100
- package/dist/esm/componentThemeDefinitions.native.js.map +0 -1
- package/dist/esm/generated-new.mjs.map +0 -1
- package/dist/esm/generated-new.native.js +0 -3010
- package/dist/esm/generated-new.native.js.map +0 -1
- package/dist/esm/generated-v3.mjs +0 -1077
- package/dist/esm/generated-v3.mjs.map +0 -1
- package/dist/esm/generated-v3.native.js +0 -1096
- package/dist/esm/generated-v3.native.js.map +0 -1
- package/dist/esm/generated-v4-hanzogui.mjs +0 -911
- package/dist/esm/generated-v4-hanzogui.mjs.map +0 -1
- package/dist/esm/generated-v4-hanzogui.native.js +0 -930
- package/dist/esm/generated-v4-hanzogui.native.js.map +0 -1
- package/dist/esm/generated-v4.mjs +0 -369
- package/dist/esm/generated-v4.mjs.map +0 -1
- package/dist/esm/generated-v4.native.js +0 -388
- package/dist/esm/generated-v4.native.js.map +0 -1
- package/dist/esm/generated-v5-subtle.mjs.map +0 -1
- package/dist/esm/generated-v5-subtle.native.js +0 -546
- package/dist/esm/generated-v5-subtle.native.js.map +0 -1
- package/dist/esm/generated-v5.mjs.map +0 -1
- package/dist/esm/generated-v5.native.js +0 -546
- package/dist/esm/generated-v5.native.js.map +0 -1
- package/dist/esm/helpers.mjs +0 -9
- package/dist/esm/helpers.mjs.map +0 -1
- package/dist/esm/helpers.native.js +0 -11
- package/dist/esm/helpers.native.js.map +0 -1
- package/dist/esm/index.mjs +0 -10
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js +0 -10
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/opacify.mjs +0 -95
- package/dist/esm/opacify.mjs.map +0 -1
- package/dist/esm/opacify.native.js +0 -100
- package/dist/esm/opacify.native.js.map +0 -1
- package/dist/esm/palettes.mjs +0 -32
- package/dist/esm/palettes.mjs.map +0 -1
- package/dist/esm/palettes.native.js +0 -42
- package/dist/esm/palettes.native.js.map +0 -1
- package/dist/esm/shadows.mjs +0 -20
- package/dist/esm/shadows.mjs.map +0 -1
- package/dist/esm/shadows.native.js +0 -20
- package/dist/esm/shadows.native.js.map +0 -1
- package/dist/esm/subtleChildrenThemes.mjs +0 -42
- package/dist/esm/subtleChildrenThemes.mjs.map +0 -1
- package/dist/esm/subtleChildrenThemes.native.js +0 -47
- package/dist/esm/subtleChildrenThemes.native.js.map +0 -1
- package/dist/esm/templates.mjs +0 -94
- package/dist/esm/templates.mjs.map +0 -1
- package/dist/esm/templates.native.js +0 -94
- package/dist/esm/templates.native.js.map +0 -1
- package/dist/esm/themes-new.mjs +0 -70
- package/dist/esm/themes-new.mjs.map +0 -1
- package/dist/esm/themes-new.native.js +0 -69
- package/dist/esm/themes-new.native.js.map +0 -1
- package/dist/esm/themes-old.mjs +0 -267
- package/dist/esm/themes-old.mjs.map +0 -1
- package/dist/esm/themes-old.native.js +0 -277
- package/dist/esm/themes-old.native.js.map +0 -1
- package/dist/esm/themes.mjs +0 -3
- package/dist/esm/themes.mjs.map +0 -1
- package/dist/esm/themes.native.js +0 -3
- package/dist/esm/themes.native.js.map +0 -1
- package/dist/esm/tokens.mjs +0 -131
- package/dist/esm/tokens.mjs.map +0 -1
- package/dist/esm/tokens.native.js +0 -138
- package/dist/esm/tokens.native.js.map +0 -1
- package/dist/esm/utils.mjs +0 -19
- package/dist/esm/utils.mjs.map +0 -1
- package/dist/esm/utils.native.js +0 -22
- package/dist/esm/utils.native.js.map +0 -1
- package/dist/esm/v3-themes.mjs +0 -445
- package/dist/esm/v3-themes.mjs.map +0 -1
- package/dist/esm/v3-themes.native.js +0 -456
- package/dist/esm/v3-themes.native.js.map +0 -1
- package/dist/esm/v3-tokens.mjs +0 -72
- package/dist/esm/v3-tokens.mjs.map +0 -1
- package/dist/esm/v3-tokens.native.js +0 -76
- package/dist/esm/v3-tokens.native.js.map +0 -1
- package/dist/esm/v3.mjs +0 -12
- package/dist/esm/v3.mjs.map +0 -1
- package/dist/esm/v3.native.js +0 -12
- package/dist/esm/v3.native.js.map +0 -1
- package/dist/esm/v4-default.mjs +0 -149
- package/dist/esm/v4-default.mjs.map +0 -1
- package/dist/esm/v4-default.native.js +0 -149
- package/dist/esm/v4-default.native.js.map +0 -1
- package/dist/esm/v4-hanzogui.mjs +0 -203
- package/dist/esm/v4-hanzogui.mjs.map +0 -1
- package/dist/esm/v4-hanzogui.native.js +0 -206
- package/dist/esm/v4-hanzogui.native.js.map +0 -1
- package/dist/esm/v4-tokens.mjs +0 -72
- package/dist/esm/v4-tokens.mjs.map +0 -1
- package/dist/esm/v4-tokens.native.js +0 -76
- package/dist/esm/v4-tokens.native.js.map +0 -1
- package/dist/esm/v4.mjs +0 -6
- package/dist/esm/v4.mjs.map +0 -1
- package/dist/esm/v4.native.js +0 -6
- package/dist/esm/v4.native.js.map +0 -1
- package/dist/esm/v5-subtle.mjs +0 -8
- package/dist/esm/v5-subtle.mjs.map +0 -1
- package/dist/esm/v5-subtle.native.js +0 -8
- package/dist/esm/v5-subtle.native.js.map +0 -1
- package/dist/esm/v5-templates.mjs +0 -94
- package/dist/esm/v5-templates.mjs.map +0 -1
- package/dist/esm/v5-templates.native.js +0 -100
- package/dist/esm/v5-templates.native.js.map +0 -1
- package/dist/esm/v5-themes-subtle.mjs +0 -13
- package/dist/esm/v5-themes-subtle.mjs.map +0 -1
- package/dist/esm/v5-themes-subtle.native.js +0 -13
- package/dist/esm/v5-themes-subtle.native.js.map +0 -1
- package/dist/esm/v5-themes.mjs +0 -374
- package/dist/esm/v5-themes.mjs.map +0 -1
- package/dist/esm/v5-themes.native.js +0 -426
- package/dist/esm/v5-themes.native.js.map +0 -1
- package/dist/esm/v5-tokens.mjs +0 -72
- package/dist/esm/v5-tokens.mjs.map +0 -1
- package/dist/esm/v5-tokens.native.js +0 -76
- package/dist/esm/v5-tokens.native.js.map +0 -1
- package/dist/esm/v5.mjs +0 -7
- package/dist/esm/v5.mjs.map +0 -1
- package/dist/esm/v5.native.js +0 -7
- package/dist/esm/v5.native.js.map +0 -1
- package/v3/index.cjs +0 -2
- package/v3/index.js +0 -2
- package/v3/index.native.cjs +0 -2
- package/v3/index.native.js +0 -2
- package/v3-themes/index.cjs +0 -2
- package/v3-themes/index.js +0 -2
- package/v3-themes/index.native.cjs +0 -2
- package/v3-themes/index.native.js +0 -2
- package/v3-themes.cjs +0 -1
- package/v3-themes.d.ts +0 -1
- package/v3.cjs +0 -1
- package/v3.d.ts +0 -1
- package/v4/index.cjs +0 -2
- package/v4/index.js +0 -2
- package/v4/index.native.cjs +0 -2
- package/v4/index.native.js +0 -2
- package/v4.cjs +0 -1
- package/v4.d.ts +0 -1
- package/v5/index.cjs +0 -2
- package/v5/index.js +0 -2
- package/v5/index.native.cjs +0 -2
- package/v5/index.native.js +0 -2
- package/v5-subtle/index.cjs +0 -2
- package/v5-subtle/index.js +0 -2
- package/v5-subtle/index.native.cjs +0 -2
- package/v5-subtle/index.native.js +0 -2
- package/v5-subtle.cjs +0 -1
- package/v5-subtle.d.ts +0 -1
- package/v5.cjs +0 -1
- package/v5.d.ts +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v5-templates.js","sourceRoot":"","sources":["../../src/v5-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAuB,MAAM,yBAAyB,CAAA;AAExF,MAAM,iBAAiB,GAAG,CACxB,OAAU,EAC0B,EAAE;IACtC,OAAO,MAAM,CAAC,WAAW,CAAC,OAAO,CAAQ,CAAA;AAC3C,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAmB,GAAM,EAAe,EAAE;IAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAgB,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAA;IAChD,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC9C,MAAM,SAAS,GAAG;QAChB,GAAG,iBAAiB,CAClB,UAAU,CAAC,cAAc,CAAC,CAAC,GAAG,CAC5B,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAU,CAC3D,CACF;QACD,GAAG,iBAAiB,CAClB,UAAU,CAAC,aAAa,CAAC,CAAC,GAAG,CAC3B,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAU,CACzD,CACF;KACF,CAAA;IACD,OAAO,SAAuE,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,MAAwB,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,MAAM,KAAK,OAAO,CAAA;IAElC,iGAAiG;IACjG,sFAAsF;IACtF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAChC,MAAM,MAAM,GAAG,CAAC,OAAO,CAAA;IAEvB,OAAO;IACP,MAAM,UAAU,GAAG,yBAAyB,CAAA;IAC5C,MAAM,WAAW,GAAG,UAAU,GAAG,CAAC,CAAA;IAClC,MAAM,KAAK,GAAG,CAAC,UAAU,CAAA;IAEzB,iFAAiF;IACjF,2EAA2E;IAC3E,MAAM,WAAW,GAAG,CAAC,MAAc,EAAE,WAAW,GAAG,CAAC,EAAE,EAAE;QACtD,MAAM,GAAG,GAAG,KAAK,GAAG,WAAW,CAAA;QAC/B,MAAM,EAAE,GAAG,UAAU,GAAG,MAAM,CAAA;QAC9B,MAAM,IAAI,GAAG,WAAW,GAAG,MAAM,CAAA;QAEjC,OAAO;YACL,KAAK,EAAE,GAAG;YACV,UAAU,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACzC,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,GAAG,GAAG,MAAM;YAExB,UAAU,EAAE,EAAE;YACd,wBAAwB;YACxB,eAAe,EAAE,EAAE,GAAG,OAAO;YAC7B,uBAAuB;YACvB,eAAe,EAAE,EAAE,GAAG,MAAM;YAC5B,iDAAiD;YACjD,eAAe,EAAE,EAAE,GAAG,MAAM;YAC5B,gBAAgB,EAAE,EAAE;YAEpB,WAAW,EAAE,IAAI;YACjB,gBAAgB,EAAE,IAAI,GAAG,OAAO;YAChC,gBAAgB,EAAE,IAAI;YACtB,gBAAgB,EAAE,IAAI,GAAG,MAAM;SAChC,CAAA;IACH,CAAC,CAAA;IAED,8CAA8C;IAC9C,0DAA0D;IAC1D,MAAM,IAAI,GAAG;QACX,gBAAgB,EAAE,CAAC;QACnB,WAAW,EAAE,CAAC,CAAC;QACf,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,MAAM,EAAE,UAAU,GAAG,CAAC;QACtB,OAAO,EAAE,UAAU,GAAG,CAAC;QACvB,OAAO,EAAE,UAAU,GAAG,EAAE;QACxB,OAAO,EAAE,UAAU,GAAG,EAAE;QACxB,MAAM,EAAE,CAAC,CAAC;QACV,OAAO,EAAE,CAAC,CAAC;QACX,OAAO,EAAE,CAAC,CAAC;QACX,OAAO,EAAE,CAAC,CAAC;QACX,OAAO,EAAE,CAAC,CAAC;QACX,qEAAqE;QACrE,oEAAoE;QACpE,GAAG,WAAW,CAAC,CAAC,CAAC;QACjB,gBAAgB,EAAE,KAAK,GAAG,CAAC;QAC3B,gBAAgB,EAAE,CAAC,CAAC;KACrB,CAAA;IAED,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAElC,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAC/B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACxC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAC,CACH,CAAA;IAED,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,MAAM;KACkB,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Subtle v5 themes - pre-built desaturated color themes
|
|
3
|
+
*/
|
|
4
|
+
export * from './v5-themes.js';
|
|
5
|
+
import { subtleChildrenThemes } from './subtleChildrenThemes.js';
|
|
6
|
+
import { createV5Theme } from './v5-themes.js';
|
|
7
|
+
export const themes = createV5Theme({ childrenThemes: subtleChildrenThemes });
|
|
8
|
+
// type checks - don't remove
|
|
9
|
+
themes.dark.background0075;
|
|
10
|
+
themes.dark_yellow.background0075;
|
|
11
|
+
themes.dark.background;
|
|
12
|
+
themes.dark.accent1;
|
|
13
|
+
// @ts-expect-error
|
|
14
|
+
themes.dark.nonValid;
|
|
15
|
+
//# sourceMappingURL=v5-themes-subtle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v5-themes-subtle.js","sourceRoot":"","sources":["../../src/v5-themes-subtle.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAC,CAAA;AAE7E,6BAA6B;AAC7B,MAAM,CAAC,IAAI,CAAC,cAAc,CAAA;AAC1B,MAAM,CAAC,WAAW,CAAC,cAAc,CAAA;AACjC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAA;AACtB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;AACnB,mBAAmB;AACnB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA"}
|
|
@@ -0,0 +1,392 @@
|
|
|
1
|
+
import { blue, blueDark, gray, grayDark, green, greenDark, orange, orangeDark, pink, pinkDark, purple, purpleDark, red, redDark, teal, tealDark, yellow, yellowDark, } from '@hanzogui/colors';
|
|
2
|
+
import { createThemes } from '@hanzogui/theme-builder';
|
|
3
|
+
import { opacify } from './opacify.js';
|
|
4
|
+
import { v5Templates } from './v5-templates.js';
|
|
5
|
+
// base theme uses elevated background (like old surface1)
|
|
6
|
+
// this offset aligns getTheme's palette index with that elevation
|
|
7
|
+
export const V5_BG_OFFSET = 6 + 1;
|
|
8
|
+
// re-export color utilities for users
|
|
9
|
+
export { interpolateColor, opacify } from './opacify.js';
|
|
10
|
+
export const v5ComponentThemes = {
|
|
11
|
+
Button: { template: 'surface2' },
|
|
12
|
+
Input: { template: 'surface1' },
|
|
13
|
+
Progress: { template: 'surface1' },
|
|
14
|
+
ProgressIndicator: { template: 'surface3' },
|
|
15
|
+
Slider: { template: 'surface1' },
|
|
16
|
+
SliderActive: { template: 'surface3' },
|
|
17
|
+
SliderThumb: { template: 'surface2' },
|
|
18
|
+
Switch: { template: 'surface2' },
|
|
19
|
+
TextArea: { template: 'surface1' },
|
|
20
|
+
Tooltip: { template: 'accent' },
|
|
21
|
+
SwitchThumb: { template: 'accent' },
|
|
22
|
+
};
|
|
23
|
+
// inverses are confusing af
|
|
24
|
+
export const v5ComponentThemesWithInverses = {
|
|
25
|
+
...v5ComponentThemes,
|
|
26
|
+
ProgressIndicator: { template: 'accent' },
|
|
27
|
+
SliderThumb: { template: 'accent' },
|
|
28
|
+
Tooltip: { template: 'accent' },
|
|
29
|
+
};
|
|
30
|
+
/** Default grandchildren themes available in v5 */
|
|
31
|
+
export const v5GrandchildrenThemes = {
|
|
32
|
+
accent: { template: 'accent' },
|
|
33
|
+
surface1: { template: 'surface1' },
|
|
34
|
+
surface2: { template: 'surface2' },
|
|
35
|
+
};
|
|
36
|
+
/** parse hsl string to HSL object */
|
|
37
|
+
export function parseHSL(str) {
|
|
38
|
+
const m = str.match(/hsl\((\d+(?:\.\d+)?),\s*(\d+(?:\.\d+)?)%,\s*(\d+(?:\.\d+)?)%\)/);
|
|
39
|
+
return m ? { h: +m[1], s: +m[2], l: +m[3] } : null;
|
|
40
|
+
}
|
|
41
|
+
/** parse hex color to HSL object */
|
|
42
|
+
export function parseHex(str) {
|
|
43
|
+
if (!str.startsWith('#'))
|
|
44
|
+
return null;
|
|
45
|
+
let hex = str.slice(1);
|
|
46
|
+
if (hex.length === 3) {
|
|
47
|
+
hex = hex
|
|
48
|
+
.split('')
|
|
49
|
+
.map((c) => c + c)
|
|
50
|
+
.join('');
|
|
51
|
+
}
|
|
52
|
+
if (hex.length !== 6)
|
|
53
|
+
return null;
|
|
54
|
+
const r = Number.parseInt(hex.slice(0, 2), 16) / 255;
|
|
55
|
+
const g = Number.parseInt(hex.slice(2, 4), 16) / 255;
|
|
56
|
+
const b = Number.parseInt(hex.slice(4, 6), 16) / 255;
|
|
57
|
+
const max = Math.max(r, g, b);
|
|
58
|
+
const min = Math.min(r, g, b);
|
|
59
|
+
const l = (max + min) / 2;
|
|
60
|
+
if (max === min) {
|
|
61
|
+
return { h: 0, s: 0, l: l * 100 };
|
|
62
|
+
}
|
|
63
|
+
const d = max - min;
|
|
64
|
+
const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|
65
|
+
let h = 0;
|
|
66
|
+
if (max === r)
|
|
67
|
+
h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
|
|
68
|
+
else if (max === g)
|
|
69
|
+
h = ((b - r) / d + 2) / 6;
|
|
70
|
+
else
|
|
71
|
+
h = ((r - g) / d + 4) / 6;
|
|
72
|
+
return { h: Math.round(h * 360), s: s * 100, l: l * 100 };
|
|
73
|
+
}
|
|
74
|
+
/** parse any color format to HSL */
|
|
75
|
+
export function parseColor(str) {
|
|
76
|
+
return parseHSL(str) ?? parseHex(str);
|
|
77
|
+
}
|
|
78
|
+
export function hslToString(hsl) {
|
|
79
|
+
return `hsl(${hsl.h}, ${Math.round(Math.min(100, Math.max(0, hsl.s)))}%, ${Math.round(Math.min(100, Math.max(0, hsl.l)))}%)`;
|
|
80
|
+
}
|
|
81
|
+
/** adjust a palette of colors (hsl or hex) using a callback */
|
|
82
|
+
export function adjustPalette(palette, fn) {
|
|
83
|
+
const out = {};
|
|
84
|
+
const keys = Object.keys(palette);
|
|
85
|
+
for (let i = 0; i < keys.length; i++) {
|
|
86
|
+
const key = keys[i];
|
|
87
|
+
const parsed = parseColor(palette[key]);
|
|
88
|
+
if (!parsed) {
|
|
89
|
+
out[key] = palette[key];
|
|
90
|
+
continue;
|
|
91
|
+
}
|
|
92
|
+
out[key] = hslToString(fn(parsed, i + 1));
|
|
93
|
+
}
|
|
94
|
+
return out;
|
|
95
|
+
}
|
|
96
|
+
const identity = (hsl) => hsl;
|
|
97
|
+
/**
|
|
98
|
+
* Adjust color palettes using callback functions.
|
|
99
|
+
*
|
|
100
|
+
* @example
|
|
101
|
+
* const adjusted = adjustPalettes(defaultChildrenThemes, {
|
|
102
|
+
* default: {
|
|
103
|
+
* light: (hsl, i) => ({ ...hsl, s: hsl.s * 0.8 }),
|
|
104
|
+
* dark: (hsl, i) => ({ ...hsl, s: hsl.s * 0.5, l: hsl.l * 0.9 }),
|
|
105
|
+
* },
|
|
106
|
+
* yellow: {
|
|
107
|
+
* light: (hsl, i) => ({ ...hsl, s: hsl.s * 0.5 }),
|
|
108
|
+
* },
|
|
109
|
+
* })
|
|
110
|
+
*/
|
|
111
|
+
export function adjustPalettes(themes, adjustments) {
|
|
112
|
+
const result = {};
|
|
113
|
+
for (const [name, theme] of Object.entries(themes)) {
|
|
114
|
+
const adj = adjustments[name] ?? adjustments.default;
|
|
115
|
+
if (!adj) {
|
|
116
|
+
;
|
|
117
|
+
result[name] = theme;
|
|
118
|
+
continue;
|
|
119
|
+
}
|
|
120
|
+
;
|
|
121
|
+
result[name] = {
|
|
122
|
+
light: adjustPalette(theme.light, adj.light ?? identity),
|
|
123
|
+
dark: adjustPalette(theme.dark, adj.dark ?? identity),
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
return result;
|
|
127
|
+
}
|
|
128
|
+
// component themes removed in v5 - use defaultProps in your config instead
|
|
129
|
+
// see: https://hanzogui.dev/docs/core/config-v5#migrating-from-component-themes
|
|
130
|
+
/** Generate named colors from a palette: ['#fff', ...] -> { name1: '#fff', name2: ... } */
|
|
131
|
+
function paletteToNamedColors(name, palette) {
|
|
132
|
+
return Object.fromEntries(palette.map((color, i) => [`${name}${i + 1}`, color]));
|
|
133
|
+
}
|
|
134
|
+
// Base palettes
|
|
135
|
+
const darkPalette = [
|
|
136
|
+
'#090909',
|
|
137
|
+
'#151515',
|
|
138
|
+
'#191919',
|
|
139
|
+
'#232323',
|
|
140
|
+
'#333',
|
|
141
|
+
'#444',
|
|
142
|
+
'#666',
|
|
143
|
+
'#777',
|
|
144
|
+
'#858585',
|
|
145
|
+
'#aaa',
|
|
146
|
+
'#ccc',
|
|
147
|
+
'#ffffff',
|
|
148
|
+
];
|
|
149
|
+
const lightPalette = [
|
|
150
|
+
'#fff',
|
|
151
|
+
'#f8f8f8',
|
|
152
|
+
'hsl(0, 0%, 93%)',
|
|
153
|
+
'hsl(0, 0%, 85%)',
|
|
154
|
+
'hsl(0, 0%, 80%)',
|
|
155
|
+
'hsl(0, 0%, 70%)',
|
|
156
|
+
'hsl(0, 0%, 59%)',
|
|
157
|
+
'hsl(0, 0%, 45%)',
|
|
158
|
+
'hsl(0, 0%, 30%)',
|
|
159
|
+
'hsl(0, 0%, 20%)',
|
|
160
|
+
'hsl(0, 0%, 14%)',
|
|
161
|
+
'hsl(0, 0%, 2%)',
|
|
162
|
+
];
|
|
163
|
+
/** Neutral grey - sufficient contrast on both white and black backgrounds */
|
|
164
|
+
const neutralPalette = [
|
|
165
|
+
'hsl(0, 0%, 68%)',
|
|
166
|
+
'hsl(0, 0%, 65%)',
|
|
167
|
+
'hsl(0, 0%, 62%)',
|
|
168
|
+
'hsl(0, 0%, 59%)',
|
|
169
|
+
'hsl(0, 0%, 56%)',
|
|
170
|
+
'hsl(0, 0%, 53%)',
|
|
171
|
+
'hsl(0, 0%, 50%)',
|
|
172
|
+
'hsl(0, 0%, 47%)',
|
|
173
|
+
'hsl(0, 0%, 44%)',
|
|
174
|
+
'hsl(0, 0%, 41%)',
|
|
175
|
+
'hsl(0, 0%, 38%)',
|
|
176
|
+
'hsl(0, 0%, 32%)',
|
|
177
|
+
];
|
|
178
|
+
// Generate neutral colors from palette (used in defaultChildrenThemes)
|
|
179
|
+
const neutral = paletteToNamedColors('neutral', neutralPalette);
|
|
180
|
+
// Constants for forcing white/black with opacity variants
|
|
181
|
+
const whiteBlack = {
|
|
182
|
+
white: 'rgba(255,255,255,1)',
|
|
183
|
+
white0: 'rgba(255,255,255,0)',
|
|
184
|
+
white02: 'rgba(255,255,255,0.2)',
|
|
185
|
+
white04: 'rgba(255,255,255,0.4)',
|
|
186
|
+
white06: 'rgba(255,255,255,0.6)',
|
|
187
|
+
white08: 'rgba(255,255,255,0.8)',
|
|
188
|
+
black: 'rgba(0,0,0,1)',
|
|
189
|
+
black0: 'rgba(0,0,0,0)',
|
|
190
|
+
black02: 'rgba(0,0,0,0.2)',
|
|
191
|
+
black04: 'rgba(0,0,0,0.4)',
|
|
192
|
+
black06: 'rgba(0,0,0,0.6)',
|
|
193
|
+
black08: 'rgba(0,0,0,0.8)',
|
|
194
|
+
};
|
|
195
|
+
const darkShadows = {
|
|
196
|
+
shadow1: 'rgba(0,0,0,0.15)',
|
|
197
|
+
shadow2: 'rgba(0,0,0,0.23)',
|
|
198
|
+
shadow3: 'rgba(0,0,0,0.33)',
|
|
199
|
+
shadow4: 'rgba(0,0,0,0.45)',
|
|
200
|
+
shadow5: 'rgba(0,0,0,0.65)',
|
|
201
|
+
shadow6: 'rgba(0,0,0,0.8)',
|
|
202
|
+
shadow7: 'rgba(0,0,0,0.9)',
|
|
203
|
+
shadow8: 'rgba(0,0,0,1)',
|
|
204
|
+
};
|
|
205
|
+
const lightShadows = {
|
|
206
|
+
shadow1: 'rgba(0,0,0,0.04)',
|
|
207
|
+
shadow2: 'rgba(0,0,0,0.08)',
|
|
208
|
+
shadow3: 'rgba(0,0,0,0.12)',
|
|
209
|
+
shadow4: 'rgba(0,0,0,0.22)',
|
|
210
|
+
shadow5: 'rgba(0,0,0,0.33)',
|
|
211
|
+
shadow6: 'rgba(0,0,0,0.44)',
|
|
212
|
+
shadow7: 'rgba(0,0,0,0.6)',
|
|
213
|
+
shadow8: 'rgba(0,0,0,0.75)',
|
|
214
|
+
};
|
|
215
|
+
const darkHighlights = {
|
|
216
|
+
highlight1: 'rgba(255,255,255,0.1)',
|
|
217
|
+
highlight2: 'rgba(255,255,255,0.2)',
|
|
218
|
+
highlight3: 'rgba(255,255,255,0.3)',
|
|
219
|
+
highlight4: 'rgba(255,255,255,0.45)',
|
|
220
|
+
highlight5: 'rgba(255,255,255,0.65)',
|
|
221
|
+
highlight6: 'rgba(255,255,255,0.85)',
|
|
222
|
+
highlight7: 'rgba(255,255,255,0.95)',
|
|
223
|
+
highlight8: 'rgba(255,255,255,1)',
|
|
224
|
+
};
|
|
225
|
+
const lightHighlights = {
|
|
226
|
+
highlight1: 'rgba(255,255,255,0.05)',
|
|
227
|
+
highlight2: 'rgba(255,255,255,0.1)',
|
|
228
|
+
highlight3: 'rgba(255,255,255,0.15)',
|
|
229
|
+
highlight4: 'rgba(255,255,255,0.3)',
|
|
230
|
+
highlight5: 'rgba(255,255,255,0.4)',
|
|
231
|
+
highlight6: 'rgba(255,255,255,0.55)',
|
|
232
|
+
highlight7: 'rgba(255,255,255,0.7)',
|
|
233
|
+
highlight8: 'rgba(255,255,255,0.85)',
|
|
234
|
+
};
|
|
235
|
+
// Export palettes for customization
|
|
236
|
+
export { darkPalette as defaultDarkPalette, lightPalette as defaultLightPalette };
|
|
237
|
+
/** Default children themes - accepts radix colors directly */
|
|
238
|
+
export const defaultChildrenThemes = {
|
|
239
|
+
gray: { light: gray, dark: grayDark },
|
|
240
|
+
blue: { light: blue, dark: blueDark },
|
|
241
|
+
red: { light: red, dark: redDark },
|
|
242
|
+
yellow: { light: yellow, dark: yellowDark },
|
|
243
|
+
green: { light: green, dark: greenDark },
|
|
244
|
+
orange: { light: orange, dark: orangeDark },
|
|
245
|
+
pink: { light: pink, dark: pinkDark },
|
|
246
|
+
purple: { light: purple, dark: purpleDark },
|
|
247
|
+
teal: { light: teal, dark: tealDark },
|
|
248
|
+
neutral: { light: neutral, dark: neutral },
|
|
249
|
+
};
|
|
250
|
+
function getDefaultV5ThemeValues({ palette }) {
|
|
251
|
+
if (!palette || palette.length < 3) {
|
|
252
|
+
throw new Error(`invalid palette: ${JSON.stringify(palette)}`);
|
|
253
|
+
}
|
|
254
|
+
const bgColor = palette[V5_BG_OFFSET];
|
|
255
|
+
const fgColor = palette[palette.length - 2];
|
|
256
|
+
return {
|
|
257
|
+
color01: opacify(fgColor, 0.1),
|
|
258
|
+
color0075: opacify(fgColor, 0.075),
|
|
259
|
+
color005: opacify(fgColor, 0.05),
|
|
260
|
+
color0025: opacify(fgColor, 0.025),
|
|
261
|
+
color002: opacify(fgColor, 0.02),
|
|
262
|
+
color001: opacify(fgColor, 0.01),
|
|
263
|
+
background01: opacify(bgColor, 0.1),
|
|
264
|
+
background0075: opacify(bgColor, 0.075),
|
|
265
|
+
background005: opacify(bgColor, 0.05),
|
|
266
|
+
background0025: opacify(bgColor, 0.025),
|
|
267
|
+
background002: opacify(bgColor, 0.02),
|
|
268
|
+
background001: opacify(bgColor, 0.01),
|
|
269
|
+
background02: opacify(bgColor, 0.2),
|
|
270
|
+
background04: opacify(bgColor, 0.4),
|
|
271
|
+
background06: opacify(bgColor, 0.6),
|
|
272
|
+
background08: opacify(bgColor, 0.8),
|
|
273
|
+
outlineColor: opacify(palette[V5_BG_OFFSET + 4], 0.6),
|
|
274
|
+
};
|
|
275
|
+
}
|
|
276
|
+
/**
|
|
277
|
+
* Creates v5 themes with optional customizations.
|
|
278
|
+
*
|
|
279
|
+
* @example
|
|
280
|
+
* Use default themes
|
|
281
|
+
* const themes = createV5Theme()
|
|
282
|
+
*
|
|
283
|
+
* @example
|
|
284
|
+
* Custom children themes with brand color (accepts radix colors directly)
|
|
285
|
+
* const themes = createV5Theme({
|
|
286
|
+
* childrenThemes: {
|
|
287
|
+
* ...defaultChildrenThemes,
|
|
288
|
+
* brand: { light: brandLight, dark: brandDark },
|
|
289
|
+
* },
|
|
290
|
+
* })
|
|
291
|
+
*
|
|
292
|
+
* @example
|
|
293
|
+
* Minimal - no color themes
|
|
294
|
+
* const themes = createV5Theme({
|
|
295
|
+
* childrenThemes: {},
|
|
296
|
+
* })
|
|
297
|
+
*/
|
|
298
|
+
export function createV5Theme(options = {}) {
|
|
299
|
+
const { darkPalette: customDarkPalette = darkPalette, lightPalette: customLightPalette = lightPalette, accent: customAccent, childrenThemes = defaultChildrenThemes, grandChildrenThemes = v5GrandchildrenThemes, componentThemes: customComponentThemes = v5ComponentThemes, getTheme: userGetTheme, } = options;
|
|
300
|
+
// Generate black/white named colors from palettes
|
|
301
|
+
const blackColors = paletteToNamedColors('black', customDarkPalette);
|
|
302
|
+
const whiteColors = paletteToNamedColors('white', customLightPalette);
|
|
303
|
+
// Build extra colors - spread children color objects directly (types flow naturally)
|
|
304
|
+
// Note: opacity/interpolation colors (color01, background01, etc.) are computed by getTheme
|
|
305
|
+
const extraBase = {
|
|
306
|
+
...blackColors,
|
|
307
|
+
...whiteColors,
|
|
308
|
+
...whiteBlack,
|
|
309
|
+
};
|
|
310
|
+
const lightExtraBase = {
|
|
311
|
+
...extraBase,
|
|
312
|
+
...lightShadows,
|
|
313
|
+
...lightHighlights,
|
|
314
|
+
shadowColor: lightShadows.shadow3,
|
|
315
|
+
};
|
|
316
|
+
const darkExtraBase = {
|
|
317
|
+
...extraBase,
|
|
318
|
+
...darkShadows,
|
|
319
|
+
...darkHighlights,
|
|
320
|
+
shadowColor: darkShadows.shadow3,
|
|
321
|
+
};
|
|
322
|
+
const lightExtra = { ...lightExtraBase };
|
|
323
|
+
const darkExtra = { ...darkExtraBase };
|
|
324
|
+
for (const theme of Object.values(childrenThemes)) {
|
|
325
|
+
if (theme.light)
|
|
326
|
+
Object.assign(lightExtra, theme.light);
|
|
327
|
+
if (theme.dark)
|
|
328
|
+
Object.assign(darkExtra, theme.dark);
|
|
329
|
+
}
|
|
330
|
+
// Convert children to palette format for createThemes, adding black/white internally
|
|
331
|
+
const childrenWithPalettes = {
|
|
332
|
+
// Always include black/white for theme generation
|
|
333
|
+
black: {
|
|
334
|
+
palette: { dark: Object.values(blackColors), light: Object.values(blackColors) },
|
|
335
|
+
},
|
|
336
|
+
white: {
|
|
337
|
+
palette: { dark: Object.values(whiteColors), light: Object.values(whiteColors) },
|
|
338
|
+
},
|
|
339
|
+
...Object.fromEntries(Object.entries(childrenThemes).map(([name, theme]) => [
|
|
340
|
+
name,
|
|
341
|
+
{
|
|
342
|
+
palette: {
|
|
343
|
+
light: Object.values(theme.light),
|
|
344
|
+
dark: Object.values(theme.dark),
|
|
345
|
+
},
|
|
346
|
+
},
|
|
347
|
+
])),
|
|
348
|
+
};
|
|
349
|
+
return createThemes({
|
|
350
|
+
// componentThemes: false disables them, undefined/truthy values enable them
|
|
351
|
+
componentThemes: customComponentThemes,
|
|
352
|
+
templates: v5Templates,
|
|
353
|
+
base: {
|
|
354
|
+
palette: {
|
|
355
|
+
dark: customDarkPalette,
|
|
356
|
+
light: customLightPalette,
|
|
357
|
+
},
|
|
358
|
+
extra: {
|
|
359
|
+
light: lightExtra,
|
|
360
|
+
dark: darkExtra,
|
|
361
|
+
},
|
|
362
|
+
},
|
|
363
|
+
accent: {
|
|
364
|
+
palette: customAccent
|
|
365
|
+
? {
|
|
366
|
+
light: Object.values(customAccent.light),
|
|
367
|
+
dark: Object.values(customAccent.dark),
|
|
368
|
+
}
|
|
369
|
+
: {
|
|
370
|
+
dark: customLightPalette,
|
|
371
|
+
light: customDarkPalette,
|
|
372
|
+
},
|
|
373
|
+
},
|
|
374
|
+
childrenThemes: childrenWithPalettes,
|
|
375
|
+
grandChildrenThemes,
|
|
376
|
+
getTheme: (props) => {
|
|
377
|
+
const builtInTheme = getDefaultV5ThemeValues(props);
|
|
378
|
+
const customTheme = userGetTheme?.(props);
|
|
379
|
+
return (customTheme ? { ...builtInTheme, ...customTheme } : builtInTheme);
|
|
380
|
+
},
|
|
381
|
+
});
|
|
382
|
+
}
|
|
383
|
+
// Default themes using the createV5Theme function
|
|
384
|
+
export const themes = createV5Theme();
|
|
385
|
+
// don't remove this - type sanity checks - these should not cause type errors:
|
|
386
|
+
themes.dark.background0075;
|
|
387
|
+
themes.dark_yellow.background0075;
|
|
388
|
+
themes.dark.background;
|
|
389
|
+
themes.dark.accent1;
|
|
390
|
+
// @ts-expect-error
|
|
391
|
+
themes.dark.nonValid;
|
|
392
|
+
//# sourceMappingURL=v5-themes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v5-themes.js","sourceRoot":"","sources":["../../src/v5-themes.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { sizeToSpace } from './utils.js';
|
|
2
|
+
// the same as v3 for now, but duplicated to avoid accidental changes to both
|
|
3
|
+
// --- tokens ---
|
|
4
|
+
// should roughly map to button/input etc height at each level
|
|
5
|
+
// fonts should match that height/lineHeight at each stop
|
|
6
|
+
// so these are really non-linear on purpose
|
|
7
|
+
// why?
|
|
8
|
+
// - at sizes <1, used for fine grained things (borders, smallest paddingY)
|
|
9
|
+
// - so smallest padY should be roughly 1-4px so it can join with lineHeight
|
|
10
|
+
// - at sizes >=1, have to consider "pressability" (jumps up)
|
|
11
|
+
// - after that it should go upwards somewhat naturally
|
|
12
|
+
// - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster
|
|
13
|
+
// but also one more wrinkle...
|
|
14
|
+
// space is used in conjunction with size
|
|
15
|
+
// i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)
|
|
16
|
+
export const size = {
|
|
17
|
+
$0: 0,
|
|
18
|
+
'$0.25': 2,
|
|
19
|
+
'$0.5': 4,
|
|
20
|
+
'$0.75': 8,
|
|
21
|
+
$1: 20,
|
|
22
|
+
'$1.5': 24,
|
|
23
|
+
$2: 28,
|
|
24
|
+
'$2.5': 32,
|
|
25
|
+
$3: 36,
|
|
26
|
+
'$3.5': 40,
|
|
27
|
+
$4: 44,
|
|
28
|
+
$true: 44,
|
|
29
|
+
'$4.5': 48,
|
|
30
|
+
$5: 52,
|
|
31
|
+
$6: 64,
|
|
32
|
+
$7: 74,
|
|
33
|
+
$8: 84,
|
|
34
|
+
$9: 94,
|
|
35
|
+
$10: 104,
|
|
36
|
+
$11: 124,
|
|
37
|
+
$12: 144,
|
|
38
|
+
$13: 164,
|
|
39
|
+
$14: 184,
|
|
40
|
+
$15: 204,
|
|
41
|
+
$16: 224,
|
|
42
|
+
$17: 224,
|
|
43
|
+
$18: 244,
|
|
44
|
+
$19: 264,
|
|
45
|
+
$20: 284,
|
|
46
|
+
};
|
|
47
|
+
export const spaces = Object.entries(size).map(([k, v]) => {
|
|
48
|
+
return [k, sizeToSpace(v)];
|
|
49
|
+
});
|
|
50
|
+
export const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]);
|
|
51
|
+
export const space = {
|
|
52
|
+
...Object.fromEntries(spaces),
|
|
53
|
+
...Object.fromEntries(spacesNegative),
|
|
54
|
+
};
|
|
55
|
+
export const zIndex = {
|
|
56
|
+
0: 0,
|
|
57
|
+
1: 100,
|
|
58
|
+
2: 200,
|
|
59
|
+
3: 300,
|
|
60
|
+
4: 400,
|
|
61
|
+
5: 500,
|
|
62
|
+
};
|
|
63
|
+
export const radius = {
|
|
64
|
+
0: 0,
|
|
65
|
+
1: 3,
|
|
66
|
+
2: 5,
|
|
67
|
+
3: 7,
|
|
68
|
+
4: 9,
|
|
69
|
+
true: 9,
|
|
70
|
+
5: 10,
|
|
71
|
+
6: 16,
|
|
72
|
+
7: 19,
|
|
73
|
+
8: 22,
|
|
74
|
+
9: 26,
|
|
75
|
+
10: 34,
|
|
76
|
+
11: 42,
|
|
77
|
+
12: 50,
|
|
78
|
+
};
|
|
79
|
+
export const tokens = {
|
|
80
|
+
radius,
|
|
81
|
+
zIndex,
|
|
82
|
+
space,
|
|
83
|
+
size,
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=v5-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v5-tokens.js","sourceRoot":"","sources":["../../src/v5-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,6EAA6E;AAE7E,iBAAiB;AAEjB,8DAA8D;AAC9D,yDAAyD;AACzD,4CAA4C;AAC5C,OAAO;AACP,6EAA6E;AAC7E,gFAAgF;AAChF,+DAA+D;AAC/D,yDAAyD;AACzD,kFAAkF;AAClF,gCAAgC;AAChC,0CAA0C;AAC1C,6FAA6F;AAC7F,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;CACT,CAAA;AAQD,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;IACxD,OAAO,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAU,CAAA;AACrC,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;AAMrF,MAAM,CAAC,MAAM,KAAK,GAEd;IACF,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;IAC7B,GAAG,MAAM,CAAC,WAAW,CAAC,cAAc,CAAC;CAC/B,CAAA;AAER,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACP,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM;IACN,MAAM;IACN,KAAK;IACL,IAAI;CACI,CAAA"}
|
package/dist/esm/v5.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v5.js","sourceRoot":"","sources":["../../src/v5.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAM1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA"}
|