@tamagui/config-v5 0.0.0-bootstrap.0 → 3.0.0-beta.643.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/cjs/builder.cjs +19 -0
- package/dist/cjs/builder.native.cjs +21 -0
- package/dist/cjs/builder.native.js +23 -0
- package/dist/cjs/builder.native.js.map +1 -0
- package/dist/cjs/create-theme/applyMask.cjs +64 -0
- package/dist/cjs/create-theme/applyMask.native.cjs +69 -0
- package/dist/cjs/create-theme/applyMask.native.js +71 -0
- package/dist/cjs/create-theme/applyMask.native.js.map +1 -0
- package/dist/cjs/create-theme/combineMasks.cjs +45 -0
- package/dist/cjs/create-theme/combineMasks.native.cjs +67 -0
- package/dist/cjs/create-theme/combineMasks.native.js +69 -0
- package/dist/cjs/create-theme/combineMasks.native.js.map +1 -0
- package/dist/cjs/create-theme/createTheme.cjs +104 -0
- package/dist/cjs/create-theme/createTheme.native.cjs +109 -0
- package/dist/cjs/create-theme/createTheme.native.js +111 -0
- package/dist/cjs/create-theme/createTheme.native.js.map +1 -0
- package/dist/cjs/create-theme/createThemeTypes.cjs +17 -0
- package/dist/cjs/create-theme/createThemeTypes.native.cjs +19 -0
- package/dist/cjs/create-theme/createThemeTypes.native.js +21 -0
- package/dist/cjs/create-theme/createThemeTypes.native.js.map +1 -0
- package/dist/cjs/create-theme/helpers.cjs +35 -0
- package/dist/cjs/create-theme/helpers.native.cjs +39 -0
- package/dist/cjs/create-theme/helpers.native.js +41 -0
- package/dist/cjs/create-theme/helpers.native.js.map +1 -0
- package/dist/cjs/create-theme/index.cjs +24 -0
- package/dist/cjs/create-theme/index.native.cjs +26 -0
- package/dist/cjs/create-theme/index.native.js +28 -0
- package/dist/cjs/create-theme/index.native.js.map +1 -0
- package/dist/cjs/create-theme/isMinusZero.cjs +27 -0
- package/dist/cjs/create-theme/isMinusZero.native.cjs +29 -0
- package/dist/cjs/create-theme/isMinusZero.native.js +31 -0
- package/dist/cjs/create-theme/isMinusZero.native.js.map +1 -0
- package/dist/cjs/create-theme/masks.cjs +132 -0
- package/dist/cjs/create-theme/masks.native.cjs +174 -0
- package/dist/cjs/create-theme/masks.native.js +176 -0
- package/dist/cjs/create-theme/masks.native.js.map +1 -0
- package/dist/cjs/create-theme/tests.cjs +34 -0
- package/dist/cjs/create-theme/tests.native.cjs +36 -0
- package/dist/cjs/create-theme/tests.native.js +38 -0
- package/dist/cjs/create-theme/tests.native.js.map +1 -0
- package/dist/cjs/create-theme/themeInfo.cjs +39 -0
- package/dist/cjs/create-theme/themeInfo.native.cjs +41 -0
- package/dist/cjs/create-theme/themeInfo.native.js +43 -0
- package/dist/cjs/create-theme/themeInfo.native.js.map +1 -0
- package/dist/cjs/index.cjs +20 -0
- package/dist/cjs/index.native.cjs +22 -0
- package/dist/cjs/index.native.js +24 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/theme-builder/ThemeBuilder.cjs +222 -0
- package/dist/cjs/theme-builder/ThemeBuilder.native.cjs +315 -0
- package/dist/cjs/theme-builder/ThemeBuilder.native.js +317 -0
- package/dist/cjs/theme-builder/ThemeBuilder.native.js.map +1 -0
- package/dist/cjs/theme-builder/createStudioThemes.cjs +39 -0
- package/dist/cjs/theme-builder/createStudioThemes.native.cjs +41 -0
- package/dist/cjs/theme-builder/createStudioThemes.native.js +43 -0
- package/dist/cjs/theme-builder/createStudioThemes.native.js.map +1 -0
- package/dist/cjs/theme-builder/createThemes.cjs +339 -0
- package/dist/cjs/theme-builder/createThemes.native.cjs +348 -0
- package/dist/cjs/theme-builder/createThemes.native.js +350 -0
- package/dist/cjs/theme-builder/createThemes.native.js.map +1 -0
- package/dist/cjs/theme-builder/defaultComponentThemes.cjs +45 -0
- package/dist/cjs/theme-builder/defaultComponentThemes.native.cjs +47 -0
- package/dist/cjs/theme-builder/defaultComponentThemes.native.js +49 -0
- package/dist/cjs/theme-builder/defaultComponentThemes.native.js.map +1 -0
- package/dist/cjs/theme-builder/defaultTemplates.cjs +147 -0
- package/dist/cjs/theme-builder/defaultTemplates.native.cjs +154 -0
- package/dist/cjs/theme-builder/defaultTemplates.native.js +156 -0
- package/dist/cjs/theme-builder/defaultTemplates.native.js.map +1 -0
- package/dist/cjs/theme-builder/defaultTemplatesStronger.cjs +143 -0
- package/dist/cjs/theme-builder/defaultTemplatesStronger.native.cjs +150 -0
- package/dist/cjs/theme-builder/defaultTemplatesStronger.native.js +152 -0
- package/dist/cjs/theme-builder/defaultTemplatesStronger.native.js.map +1 -0
- package/dist/cjs/theme-builder/defaultTemplatesStrongest.cjs +143 -0
- package/dist/cjs/theme-builder/defaultTemplatesStrongest.native.cjs +150 -0
- package/dist/cjs/theme-builder/defaultTemplatesStrongest.native.js +152 -0
- package/dist/cjs/theme-builder/defaultTemplatesStrongest.native.js.map +1 -0
- package/dist/cjs/theme-builder/getThemeSuitePalettes.cjs +101 -0
- package/dist/cjs/theme-builder/getThemeSuitePalettes.native.cjs +123 -0
- package/dist/cjs/theme-builder/getThemeSuitePalettes.native.js +125 -0
- package/dist/cjs/theme-builder/getThemeSuitePalettes.native.js.map +1 -0
- package/dist/cjs/theme-builder/helpers.cjs +35 -0
- package/dist/cjs/theme-builder/helpers.native.cjs +39 -0
- package/dist/cjs/theme-builder/helpers.native.js +41 -0
- package/dist/cjs/theme-builder/helpers.native.js.map +1 -0
- package/dist/cjs/theme-builder/index.cjs +44 -0
- package/dist/cjs/theme-builder/index.native.cjs +46 -0
- package/dist/cjs/theme-builder/index.native.js +48 -0
- package/dist/cjs/theme-builder/index.native.js.map +1 -0
- package/dist/cjs/theme-builder/masks.cjs +92 -0
- package/dist/cjs/theme-builder/masks.native.cjs +94 -0
- package/dist/cjs/theme-builder/masks.native.js +96 -0
- package/dist/cjs/theme-builder/masks.native.js.map +1 -0
- package/dist/cjs/theme-builder/types.cjs +17 -0
- package/dist/cjs/theme-builder/types.native.cjs +19 -0
- package/dist/cjs/theme-builder/types.native.js +21 -0
- package/dist/cjs/theme-builder/types.native.js.map +1 -0
- package/dist/cjs/v5/opacify.cjs +120 -0
- package/dist/cjs/v5/opacify.native.cjs +127 -0
- package/dist/cjs/v5/opacify.native.js +129 -0
- package/dist/cjs/v5/opacify.native.js.map +1 -0
- package/dist/cjs/v5/subtleChildrenThemes.cjs +64 -0
- package/dist/cjs/v5/subtleChildrenThemes.native.cjs +72 -0
- package/dist/cjs/v5/subtleChildrenThemes.native.js +74 -0
- package/dist/cjs/v5/subtleChildrenThemes.native.js.map +1 -0
- package/dist/cjs/v5/v5-builder.cjs +31 -0
- package/dist/cjs/v5/v5-builder.native.cjs +33 -0
- package/dist/cjs/v5/v5-builder.native.js +35 -0
- package/dist/cjs/v5/v5-builder.native.js.map +1 -0
- package/dist/cjs/v5/v5-subtle-builder.cjs +30 -0
- package/dist/cjs/v5/v5-subtle-builder.native.cjs +32 -0
- package/dist/cjs/v5/v5-subtle-builder.native.js +34 -0
- package/dist/cjs/v5/v5-subtle-builder.native.js.map +1 -0
- package/dist/cjs/v5/v5-templates.cjs +111 -0
- package/dist/cjs/v5/v5-templates.native.cjs +119 -0
- package/dist/cjs/v5/v5-templates.native.js +121 -0
- package/dist/cjs/v5/v5-templates.native.js.map +1 -0
- package/dist/cjs/v5/v5-themes.cjs +390 -0
- package/dist/cjs/v5/v5-themes.native.cjs +440 -0
- package/dist/cjs/v5/v5-themes.native.js +442 -0
- package/dist/cjs/v5/v5-themes.native.js.map +1 -0
- package/dist/esm/builder.mjs +1 -0
- package/dist/esm/builder.native.js +1 -0
- package/dist/esm/create-theme/applyMask.mjs +41 -0
- package/dist/esm/create-theme/applyMask.mjs.map +1 -0
- package/dist/esm/create-theme/applyMask.native.js +44 -0
- package/dist/esm/create-theme/applyMask.native.js.map +1 -0
- package/dist/esm/create-theme/combineMasks.mjs +25 -0
- package/dist/esm/create-theme/combineMasks.mjs.map +1 -0
- package/dist/esm/create-theme/combineMasks.native.js +45 -0
- package/dist/esm/create-theme/combineMasks.native.js.map +1 -0
- package/dist/esm/create-theme/createTheme.mjs +80 -0
- package/dist/esm/create-theme/createTheme.mjs.map +1 -0
- package/dist/esm/create-theme/createTheme.native.js +83 -0
- package/dist/esm/create-theme/createTheme.native.js.map +1 -0
- package/dist/esm/create-theme/createThemeTypes.mjs +0 -0
- package/dist/esm/create-theme/createThemeTypes.native.js +0 -0
- package/dist/esm/create-theme/helpers.mjs +10 -0
- package/dist/esm/create-theme/helpers.mjs.map +1 -0
- package/dist/esm/create-theme/helpers.native.js +12 -0
- package/dist/esm/create-theme/helpers.native.js.map +1 -0
- package/dist/esm/create-theme/index.mjs +11 -0
- package/dist/esm/create-theme/index.native.js +11 -0
- package/dist/esm/create-theme/isMinusZero.mjs +6 -0
- package/dist/esm/create-theme/isMinusZero.mjs.map +1 -0
- package/dist/esm/create-theme/isMinusZero.native.js +6 -0
- package/dist/esm/create-theme/isMinusZero.native.js.map +1 -0
- package/dist/esm/create-theme/masks.mjs +103 -0
- package/dist/esm/create-theme/masks.mjs.map +1 -0
- package/dist/esm/create-theme/masks.native.js +143 -0
- package/dist/esm/create-theme/masks.native.js.map +1 -0
- package/dist/esm/create-theme/tests.mjs +36 -0
- package/dist/esm/create-theme/tests.mjs.map +1 -0
- package/dist/esm/create-theme/tests.native.js +36 -0
- package/dist/esm/create-theme/tests.native.js.map +1 -0
- package/dist/esm/create-theme/themeInfo.mjs +15 -0
- package/dist/esm/create-theme/themeInfo.mjs.map +1 -0
- package/dist/esm/create-theme/themeInfo.native.js +15 -0
- package/dist/esm/create-theme/themeInfo.native.js.map +1 -0
- package/dist/esm/index.mjs +3 -0
- package/dist/esm/index.native.js +3 -0
- package/dist/esm/theme-builder/ThemeBuilder.mjs +199 -0
- package/dist/esm/theme-builder/ThemeBuilder.mjs.map +1 -0
- package/dist/esm/theme-builder/ThemeBuilder.native.js +290 -0
- package/dist/esm/theme-builder/ThemeBuilder.native.js.map +1 -0
- package/dist/esm/theme-builder/createStudioThemes.mjs +19 -0
- package/dist/esm/theme-builder/createStudioThemes.mjs.map +1 -0
- package/dist/esm/theme-builder/createStudioThemes.native.js +19 -0
- package/dist/esm/theme-builder/createStudioThemes.native.js.map +1 -0
- package/dist/esm/theme-builder/createThemes.mjs +311 -0
- package/dist/esm/theme-builder/createThemes.mjs.map +1 -0
- package/dist/esm/theme-builder/createThemes.native.js +318 -0
- package/dist/esm/theme-builder/createThemes.native.js.map +1 -0
- package/dist/esm/theme-builder/defaultComponentThemes.mjs +24 -0
- package/dist/esm/theme-builder/defaultComponentThemes.mjs.map +1 -0
- package/dist/esm/theme-builder/defaultComponentThemes.native.js +24 -0
- package/dist/esm/theme-builder/defaultComponentThemes.native.js.map +1 -0
- package/dist/esm/theme-builder/defaultTemplates.mjs +127 -0
- package/dist/esm/theme-builder/defaultTemplates.mjs.map +1 -0
- package/dist/esm/theme-builder/defaultTemplates.native.js +132 -0
- package/dist/esm/theme-builder/defaultTemplates.native.js.map +1 -0
- package/dist/esm/theme-builder/defaultTemplatesStronger.mjs +123 -0
- package/dist/esm/theme-builder/defaultTemplatesStronger.mjs.map +1 -0
- package/dist/esm/theme-builder/defaultTemplatesStronger.native.js +128 -0
- package/dist/esm/theme-builder/defaultTemplatesStronger.native.js.map +1 -0
- package/dist/esm/theme-builder/defaultTemplatesStrongest.mjs +123 -0
- package/dist/esm/theme-builder/defaultTemplatesStrongest.mjs.map +1 -0
- package/dist/esm/theme-builder/defaultTemplatesStrongest.native.js +128 -0
- package/dist/esm/theme-builder/defaultTemplatesStrongest.native.js.map +1 -0
- package/dist/esm/theme-builder/getThemeSuitePalettes.mjs +78 -0
- package/dist/esm/theme-builder/getThemeSuitePalettes.mjs.map +1 -0
- package/dist/esm/theme-builder/getThemeSuitePalettes.native.js +98 -0
- package/dist/esm/theme-builder/getThemeSuitePalettes.native.js.map +1 -0
- package/dist/esm/theme-builder/helpers.mjs +10 -0
- package/dist/esm/theme-builder/helpers.mjs.map +1 -0
- package/dist/esm/theme-builder/helpers.native.js +12 -0
- package/dist/esm/theme-builder/helpers.native.js.map +1 -0
- package/dist/esm/theme-builder/index.mjs +12 -0
- package/dist/esm/theme-builder/index.native.js +12 -0
- package/dist/esm/theme-builder/masks.mjs +72 -0
- package/dist/esm/theme-builder/masks.mjs.map +1 -0
- package/dist/esm/theme-builder/masks.native.js +72 -0
- package/dist/esm/theme-builder/masks.native.js.map +1 -0
- package/dist/esm/theme-builder/types.mjs +0 -0
- package/dist/esm/theme-builder/types.native.js +0 -0
- package/dist/esm/v5/opacify.mjs +96 -0
- package/dist/esm/v5/opacify.mjs.map +1 -0
- package/dist/esm/v5/opacify.native.js +101 -0
- package/dist/esm/v5/opacify.native.js.map +1 -0
- package/dist/esm/v5/subtleChildrenThemes.mjs +41 -0
- package/dist/esm/v5/subtleChildrenThemes.mjs.map +1 -0
- package/dist/esm/v5/subtleChildrenThemes.native.js +47 -0
- package/dist/esm/v5/subtleChildrenThemes.native.js.map +1 -0
- package/dist/esm/v5/v5-builder.mjs +6 -0
- package/dist/esm/v5/v5-builder.native.js +6 -0
- package/dist/esm/v5/v5-subtle-builder.mjs +5 -0
- package/dist/esm/v5/v5-subtle-builder.native.js +5 -0
- package/dist/esm/v5/v5-templates.mjs +91 -0
- package/dist/esm/v5/v5-templates.mjs.map +1 -0
- package/dist/esm/v5/v5-templates.native.js +97 -0
- package/dist/esm/v5/v5-templates.native.js.map +1 -0
- package/dist/esm/v5/v5-themes.mjs +352 -0
- package/dist/esm/v5/v5-themes.mjs.map +1 -0
- package/dist/esm/v5/v5-themes.native.js +400 -0
- package/dist/esm/v5/v5-themes.native.js.map +1 -0
- package/package.json +59 -8
- package/src/builder.ts +1 -0
- package/src/create-theme/applyMask.tsx +69 -0
- package/src/create-theme/combineMasks.tsx +29 -0
- package/src/create-theme/createTheme.tsx +126 -0
- package/src/create-theme/createThemeTypes.tsx +85 -0
- package/src/create-theme/helpers.tsx +44 -0
- package/src/create-theme/index.ts +6 -0
- package/src/create-theme/isMinusZero.tsx +3 -0
- package/src/create-theme/masks.tsx +137 -0
- package/src/create-theme/tests.tsx +28 -0
- package/src/create-theme/themeInfo.tsx +36 -0
- package/src/index.ts +2 -0
- package/src/theme-builder/ThemeBuilder.ts +514 -0
- package/src/theme-builder/createStudioThemes.ts +28 -0
- package/src/theme-builder/createThemes.ts +794 -0
- package/src/theme-builder/defaultComponentThemes.ts +26 -0
- package/src/theme-builder/defaultTemplates.ts +157 -0
- package/src/theme-builder/defaultTemplatesStronger.ts +152 -0
- package/src/theme-builder/defaultTemplatesStrongest.ts +152 -0
- package/src/theme-builder/getThemeSuitePalettes.ts +101 -0
- package/src/theme-builder/helpers.ts +44 -0
- package/src/theme-builder/index.ts +22 -0
- package/src/theme-builder/masks.tsx +83 -0
- package/src/theme-builder/types.ts +97 -0
- package/src/v5/opacify.ts +125 -0
- package/src/v5/subtleChildrenThemes.ts +54 -0
- package/src/v5/v5-builder.ts +6 -0
- package/src/v5/v5-subtle-builder.ts +5 -0
- package/src/v5/v5-templates.ts +126 -0
- package/src/v5/v5-themes.ts +615 -0
- package/types/builder.d.ts +2 -0
- package/types/builder.d.ts.map +1 -0
- package/types/create-theme/applyMask.d.ts +7 -0
- package/types/create-theme/applyMask.d.ts.map +1 -0
- package/types/create-theme/combineMasks.d.ts +3 -0
- package/types/create-theme/combineMasks.d.ts.map +1 -0
- package/types/create-theme/createTheme.d.ts +18 -0
- package/types/create-theme/createTheme.d.ts.map +1 -0
- package/types/create-theme/createThemeTypes.d.ts +66 -0
- package/types/create-theme/createThemeTypes.d.ts.map +1 -0
- package/types/create-theme/helpers.d.ts +24 -0
- package/types/create-theme/helpers.d.ts.map +1 -0
- package/types/create-theme/index.d.ts +7 -0
- package/types/create-theme/index.d.ts.map +1 -0
- package/types/create-theme/isMinusZero.d.ts +2 -0
- package/types/create-theme/isMinusZero.d.ts.map +1 -0
- package/types/create-theme/masks.d.ts +14 -0
- package/types/create-theme/masks.d.ts.map +1 -0
- package/types/create-theme/tests.d.ts +2 -0
- package/types/create-theme/tests.d.ts.map +1 -0
- package/types/create-theme/themeInfo.d.ts +12 -0
- package/types/create-theme/themeInfo.d.ts.map +1 -0
- package/types/index.d.ts +3 -0
- package/types/index.d.ts.map +1 -0
- package/types/theme-builder/ThemeBuilder.d.ts +80 -0
- package/types/theme-builder/ThemeBuilder.d.ts.map +1 -0
- package/types/theme-builder/createStudioThemes.d.ts +8 -0
- package/types/theme-builder/createStudioThemes.d.ts.map +1 -0
- package/types/theme-builder/createThemes.d.ts +141 -0
- package/types/theme-builder/createThemes.d.ts.map +1 -0
- package/types/theme-builder/defaultComponentThemes.d.ts +63 -0
- package/types/theme-builder/defaultComponentThemes.d.ts.map +1 -0
- package/types/theme-builder/defaultTemplates.d.ts +42 -0
- package/types/theme-builder/defaultTemplates.d.ts.map +1 -0
- package/types/theme-builder/defaultTemplatesStronger.d.ts +42 -0
- package/types/theme-builder/defaultTemplatesStronger.d.ts.map +1 -0
- package/types/theme-builder/defaultTemplatesStrongest.d.ts +42 -0
- package/types/theme-builder/defaultTemplatesStrongest.d.ts.map +1 -0
- package/types/theme-builder/getThemeSuitePalettes.d.ts +7 -0
- package/types/theme-builder/getThemeSuitePalettes.d.ts.map +1 -0
- package/types/theme-builder/helpers.d.ts +24 -0
- package/types/theme-builder/helpers.d.ts.map +1 -0
- package/types/theme-builder/index.d.ts +11 -0
- package/types/theme-builder/index.d.ts.map +1 -0
- package/types/theme-builder/masks.d.ts +18 -0
- package/types/theme-builder/masks.d.ts.map +1 -0
- package/types/theme-builder/types.d.ts +76 -0
- package/types/theme-builder/types.d.ts.map +1 -0
- package/types/v5/opacify.d.ts +9 -0
- package/types/v5/opacify.d.ts.map +1 -0
- package/types/v5/subtleChildrenThemes.d.ts +305 -0
- package/types/v5/subtleChildrenThemes.d.ts.map +1 -0
- package/types/v5/v5-builder.d.ts +4 -0
- package/types/v5/v5-builder.d.ts.map +1 -0
- package/types/v5/v5-subtle-builder.d.ts +3 -0
- package/types/v5/v5-subtle-builder.d.ts.map +1 -0
- package/types/v5/v5-templates.d.ts +42 -0
- package/types/v5/v5-templates.d.ts.map +1 -0
- package/types/v5/v5-themes.d.ts +525 -0
- package/types/v5/v5-themes.d.ts.map +1 -0
- package/README.md +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultTemplatesStronger.native.js","names":[],"sources":["esm/theme-builder/defaultTemplatesStronger.native.js"],"sourcesContent":["import { objectFromEntries, objectKeys } from \"./helpers\";\nvar getTemplates = function() {\n var lightTemplates = getBaseTemplates(\"light\");\n var darkTemplates = getBaseTemplates(\"dark\");\n var templates = {\n ...objectFromEntries(objectKeys(lightTemplates).map(function(name) {\n return [\n `light_${name}`,\n lightTemplates[name]\n ];\n })),\n ...objectFromEntries(objectKeys(darkTemplates).map(function(name) {\n return [\n `dark_${name}`,\n darkTemplates[name]\n ];\n }))\n };\n return templates;\n};\nvar getBaseTemplates = function(scheme) {\n var isLight = scheme === \"light\";\n var bgIndex = 6;\n var lighten = isLight ? -1 : 1;\n var darken = -lighten;\n var borderColor = bgIndex + 3;\n var baseColors = {\n color: -bgIndex,\n colorHover: -bgIndex - 1,\n colorPress: -bgIndex,\n colorFocus: -bgIndex - 1,\n placeholderColor: -bgIndex - 3,\n outlineColor: -2\n };\n var base = {\n accentBackground: 0,\n accentColor: -0,\n background0: 1,\n background02: 2,\n background04: 3,\n background06: 4,\n background08: 5,\n color1: bgIndex,\n color2: bgIndex + 1,\n color3: bgIndex + 2,\n color4: bgIndex + 3,\n color5: bgIndex + 4,\n color6: bgIndex + 5,\n color7: bgIndex + 6,\n color8: bgIndex + 7,\n color9: bgIndex + 8,\n color10: bgIndex + 9,\n color11: bgIndex + 10,\n color12: bgIndex + 11,\n color0: -1,\n color02: -2,\n color04: -3,\n color06: -4,\n color08: -5,\n // the background, color, etc keys here work like generics - they make it so you\n // can publish components for others to use without mandating a specific color scale\n // the @tamagui/button Button component looks for `background`, so you set the\n // dark_red_Button theme to have a stronger background than the dark_red theme.\n background: bgIndex,\n backgroundHover: bgIndex + lighten,\n // always lighten on hover no matter the scheme\n backgroundPress: bgIndex + darken,\n // always darken on press no matter the theme\n backgroundFocus: bgIndex + darken,\n borderColor,\n borderColorHover: borderColor + lighten,\n borderColorPress: borderColor + darken,\n borderColorFocus: borderColor,\n ...baseColors,\n colorTransparent: -1\n };\n var surface1 = {\n ...baseColors,\n background: base.background + 2,\n backgroundHover: base.backgroundHover + 2,\n backgroundPress: base.backgroundPress + 2,\n backgroundFocus: base.backgroundFocus + 2,\n borderColor: base.borderColor + 2,\n borderColorHover: base.borderColorHover + 2,\n borderColorFocus: base.borderColorFocus + 2,\n borderColorPress: base.borderColorPress + 2\n };\n var surface2 = {\n ...baseColors,\n background: base.background + 3,\n backgroundHover: base.backgroundHover + 3,\n backgroundPress: base.backgroundPress + 3,\n backgroundFocus: base.backgroundFocus + 3,\n borderColor: base.borderColor + 3,\n borderColorHover: base.borderColorHover + 3,\n borderColorFocus: base.borderColorFocus + 3,\n borderColorPress: base.borderColorPress + 3\n };\n var surface3 = {\n ...baseColors,\n background: base.background + 4,\n backgroundHover: base.backgroundHover + 4,\n backgroundPress: base.backgroundPress + 4,\n backgroundFocus: base.backgroundFocus + 4,\n borderColor: base.borderColor + 4,\n borderColorHover: base.borderColorHover + 4,\n borderColorFocus: base.borderColorFocus + 4,\n borderColorPress: base.borderColorPress + 4\n };\n var alt1 = {\n color: base.color - 1,\n colorHover: base.colorHover - 1,\n colorPress: base.colorPress - 1,\n colorFocus: base.colorFocus - 1\n };\n var alt2 = {\n color: base.color - 2,\n colorHover: base.colorHover - 2,\n colorPress: base.colorPress - 2,\n colorFocus: base.colorFocus - 2\n };\n var inverse = Object.fromEntries(Object.entries(base).map(function(param) {\n var [key, index] = param;\n return [\n key,\n -index\n ];\n }));\n return {\n base,\n surface1,\n surface2,\n surface3,\n alt1,\n alt2,\n inverse\n };\n};\nvar defaultTemplatesStronger = getTemplates();\nexport {\n defaultTemplatesStronger\n};\n//# sourceMappingURL=defaultTemplatesStronger.js.map\n"],"mappings":"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"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { objectFromEntries, objectKeys } from "./helpers.mjs";
|
|
2
|
+
|
|
3
|
+
const getTemplates = () => {
|
|
4
|
+
const lightTemplates = getBaseTemplates("light");
|
|
5
|
+
const darkTemplates = getBaseTemplates("dark");
|
|
6
|
+
const templates = {
|
|
7
|
+
...objectFromEntries(objectKeys(lightTemplates).map((name) => [`light_${name}`, lightTemplates[name]])),
|
|
8
|
+
...objectFromEntries(objectKeys(darkTemplates).map((name) => [`dark_${name}`, darkTemplates[name]]))
|
|
9
|
+
};
|
|
10
|
+
return templates;
|
|
11
|
+
};
|
|
12
|
+
const getBaseTemplates = (scheme) => {
|
|
13
|
+
const isLight = scheme === "light";
|
|
14
|
+
const bgIndex = 6;
|
|
15
|
+
const lighten = isLight ? -1 : 1;
|
|
16
|
+
const darken = -lighten;
|
|
17
|
+
const borderColor = bgIndex + 3;
|
|
18
|
+
const baseColors = {
|
|
19
|
+
color: -bgIndex,
|
|
20
|
+
colorHover: -bgIndex - 1,
|
|
21
|
+
colorPress: -bgIndex,
|
|
22
|
+
colorFocus: -bgIndex - 1,
|
|
23
|
+
placeholderColor: -bgIndex - 3,
|
|
24
|
+
outlineColor: -2
|
|
25
|
+
};
|
|
26
|
+
const base = {
|
|
27
|
+
accentBackground: 0,
|
|
28
|
+
accentColor: -0,
|
|
29
|
+
background0: 1,
|
|
30
|
+
background02: 2,
|
|
31
|
+
background04: 3,
|
|
32
|
+
background06: 4,
|
|
33
|
+
background08: 5,
|
|
34
|
+
color1: bgIndex,
|
|
35
|
+
color2: bgIndex + 1,
|
|
36
|
+
color3: bgIndex + 2,
|
|
37
|
+
color4: bgIndex + 3,
|
|
38
|
+
color5: bgIndex + 4,
|
|
39
|
+
color6: bgIndex + 5,
|
|
40
|
+
color7: bgIndex + 6,
|
|
41
|
+
color8: bgIndex + 7,
|
|
42
|
+
color9: bgIndex + 8,
|
|
43
|
+
color10: bgIndex + 9,
|
|
44
|
+
color11: bgIndex + 10,
|
|
45
|
+
color12: bgIndex + 11,
|
|
46
|
+
color0: -1,
|
|
47
|
+
color02: -2,
|
|
48
|
+
color04: -3,
|
|
49
|
+
color06: -4,
|
|
50
|
+
color08: -5,
|
|
51
|
+
background: bgIndex,
|
|
52
|
+
backgroundHover: bgIndex + lighten,
|
|
53
|
+
backgroundPress: bgIndex + darken,
|
|
54
|
+
backgroundFocus: bgIndex + darken,
|
|
55
|
+
borderColor,
|
|
56
|
+
borderColorHover: borderColor + lighten,
|
|
57
|
+
borderColorPress: borderColor + darken,
|
|
58
|
+
borderColorFocus: borderColor,
|
|
59
|
+
...baseColors,
|
|
60
|
+
colorTransparent: -1
|
|
61
|
+
};
|
|
62
|
+
const surface1 = {
|
|
63
|
+
...baseColors,
|
|
64
|
+
background: base.background + 3,
|
|
65
|
+
backgroundHover: base.backgroundHover + 3,
|
|
66
|
+
backgroundPress: base.backgroundPress + 3,
|
|
67
|
+
backgroundFocus: base.backgroundFocus + 3,
|
|
68
|
+
borderColor: base.borderColor + 3,
|
|
69
|
+
borderColorHover: base.borderColorHover + 3,
|
|
70
|
+
borderColorFocus: base.borderColorFocus + 3,
|
|
71
|
+
borderColorPress: base.borderColorPress + 3
|
|
72
|
+
};
|
|
73
|
+
const surface2 = {
|
|
74
|
+
...baseColors,
|
|
75
|
+
background: base.background + 4,
|
|
76
|
+
backgroundHover: base.backgroundHover + 4,
|
|
77
|
+
backgroundPress: base.backgroundPress + 4,
|
|
78
|
+
backgroundFocus: base.backgroundFocus + 4,
|
|
79
|
+
borderColor: base.borderColor + 4,
|
|
80
|
+
borderColorHover: base.borderColorHover + 4,
|
|
81
|
+
borderColorFocus: base.borderColorFocus + 4,
|
|
82
|
+
borderColorPress: base.borderColorPress + 4
|
|
83
|
+
};
|
|
84
|
+
const surface3 = {
|
|
85
|
+
...baseColors,
|
|
86
|
+
background: base.background + 5,
|
|
87
|
+
backgroundHover: base.backgroundHover + 5,
|
|
88
|
+
backgroundPress: base.backgroundPress + 5,
|
|
89
|
+
backgroundFocus: base.backgroundFocus + 5,
|
|
90
|
+
borderColor: base.borderColor + 5,
|
|
91
|
+
borderColorHover: base.borderColorHover + 5,
|
|
92
|
+
borderColorFocus: base.borderColorFocus + 5,
|
|
93
|
+
borderColorPress: base.borderColorPress + 5
|
|
94
|
+
};
|
|
95
|
+
const alt1 = {
|
|
96
|
+
color: base.color - 1,
|
|
97
|
+
colorHover: base.colorHover - 1,
|
|
98
|
+
colorPress: base.colorPress - 1,
|
|
99
|
+
colorFocus: base.colorFocus - 1
|
|
100
|
+
};
|
|
101
|
+
const alt2 = {
|
|
102
|
+
color: base.color - 2,
|
|
103
|
+
colorHover: base.colorHover - 2,
|
|
104
|
+
colorPress: base.colorPress - 2,
|
|
105
|
+
colorFocus: base.colorFocus - 2
|
|
106
|
+
};
|
|
107
|
+
const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
|
|
108
|
+
return [key, -index];
|
|
109
|
+
}));
|
|
110
|
+
return {
|
|
111
|
+
base,
|
|
112
|
+
surface1,
|
|
113
|
+
surface2,
|
|
114
|
+
surface3,
|
|
115
|
+
alt1,
|
|
116
|
+
alt2,
|
|
117
|
+
inverse
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
const defaultTemplatesStrongest = getTemplates();
|
|
121
|
+
|
|
122
|
+
export { defaultTemplatesStrongest };
|
|
123
|
+
//# sourceMappingURL=defaultTemplatesStrongest.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultTemplatesStrongest.js","names":[],"sources":["esm/theme-builder/defaultTemplatesStrongest.js"],"sourcesContent":["import { objectFromEntries, objectKeys } from \"./helpers\";\nconst getTemplates = () => {\n const lightTemplates = getBaseTemplates(\"light\");\n const darkTemplates = getBaseTemplates(\"dark\");\n const templates = {\n ...objectFromEntries(\n objectKeys(lightTemplates).map(\n (name) => [`light_${name}`, lightTemplates[name]]\n )\n ),\n ...objectFromEntries(\n objectKeys(darkTemplates).map(\n (name) => [`dark_${name}`, darkTemplates[name]]\n )\n )\n };\n return templates;\n};\nconst getBaseTemplates = (scheme) => {\n const isLight = scheme === \"light\";\n const bgIndex = 6;\n const lighten = isLight ? -1 : 1;\n const darken = -lighten;\n const borderColor = bgIndex + 3;\n const baseColors = {\n color: -bgIndex,\n colorHover: -bgIndex - 1,\n colorPress: -bgIndex,\n colorFocus: -bgIndex - 1,\n placeholderColor: -bgIndex - 3,\n outlineColor: -2\n };\n const base = {\n accentBackground: 0,\n accentColor: -0,\n background0: 1,\n background02: 2,\n background04: 3,\n background06: 4,\n background08: 5,\n color1: bgIndex,\n color2: bgIndex + 1,\n color3: bgIndex + 2,\n color4: bgIndex + 3,\n color5: bgIndex + 4,\n color6: bgIndex + 5,\n color7: bgIndex + 6,\n color8: bgIndex + 7,\n color9: bgIndex + 8,\n color10: bgIndex + 9,\n color11: bgIndex + 10,\n color12: bgIndex + 11,\n color0: -1,\n color02: -2,\n color04: -3,\n color06: -4,\n color08: -5,\n // the background, color, etc keys here work like generics - they make it so you\n // can publish components for others to use without mandating a specific color scale\n // the @tamagui/button Button component looks for `background`, so you set the\n // dark_red_Button theme to have a stronger background than the dark_red theme.\n background: bgIndex,\n backgroundHover: bgIndex + lighten,\n // always lighten on hover no matter the scheme\n backgroundPress: bgIndex + darken,\n // always darken on press no matter the theme\n backgroundFocus: bgIndex + darken,\n borderColor,\n borderColorHover: borderColor + lighten,\n borderColorPress: borderColor + darken,\n borderColorFocus: borderColor,\n ...baseColors,\n colorTransparent: -1\n };\n const surface1 = {\n ...baseColors,\n background: base.background + 3,\n backgroundHover: base.backgroundHover + 3,\n backgroundPress: base.backgroundPress + 3,\n backgroundFocus: base.backgroundFocus + 3,\n borderColor: base.borderColor + 3,\n borderColorHover: base.borderColorHover + 3,\n borderColorFocus: base.borderColorFocus + 3,\n borderColorPress: base.borderColorPress + 3\n };\n const surface2 = {\n ...baseColors,\n background: base.background + 4,\n backgroundHover: base.backgroundHover + 4,\n backgroundPress: base.backgroundPress + 4,\n backgroundFocus: base.backgroundFocus + 4,\n borderColor: base.borderColor + 4,\n borderColorHover: base.borderColorHover + 4,\n borderColorFocus: base.borderColorFocus + 4,\n borderColorPress: base.borderColorPress + 4\n };\n const surface3 = {\n ...baseColors,\n background: base.background + 5,\n backgroundHover: base.backgroundHover + 5,\n backgroundPress: base.backgroundPress + 5,\n backgroundFocus: base.backgroundFocus + 5,\n borderColor: base.borderColor + 5,\n borderColorHover: base.borderColorHover + 5,\n borderColorFocus: base.borderColorFocus + 5,\n borderColorPress: base.borderColorPress + 5\n };\n const alt1 = {\n color: base.color - 1,\n colorHover: base.colorHover - 1,\n colorPress: base.colorPress - 1,\n colorFocus: base.colorFocus - 1\n };\n const alt2 = {\n color: base.color - 2,\n colorHover: base.colorHover - 2,\n colorPress: base.colorPress - 2,\n colorFocus: base.colorFocus - 2\n };\n const inverse = Object.fromEntries(\n Object.entries(base).map(([key, index]) => {\n return [key, -index];\n })\n );\n return {\n base,\n surface1,\n surface2,\n surface3,\n alt1,\n alt2,\n inverse\n };\n};\nconst defaultTemplatesStrongest = getTemplates();\nexport {\n defaultTemplatesStrongest\n};\n//# sourceMappingURL=defaultTemplatesStrongest.js.map\n"],"mappings":"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"}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { objectFromEntries, objectKeys } from "./helpers.native.js";
|
|
2
|
+
|
|
3
|
+
var getTemplates = function() {
|
|
4
|
+
var lightTemplates = getBaseTemplates("light");
|
|
5
|
+
var darkTemplates = getBaseTemplates("dark");
|
|
6
|
+
var templates = {
|
|
7
|
+
...objectFromEntries(objectKeys(lightTemplates).map(function(name) {
|
|
8
|
+
return [`light_${name}`, lightTemplates[name]];
|
|
9
|
+
})),
|
|
10
|
+
...objectFromEntries(objectKeys(darkTemplates).map(function(name) {
|
|
11
|
+
return [`dark_${name}`, darkTemplates[name]];
|
|
12
|
+
}))
|
|
13
|
+
};
|
|
14
|
+
return templates;
|
|
15
|
+
};
|
|
16
|
+
var getBaseTemplates = function(scheme) {
|
|
17
|
+
var isLight = scheme === "light";
|
|
18
|
+
var bgIndex = 6;
|
|
19
|
+
var lighten = isLight ? -1 : 1;
|
|
20
|
+
var darken = -lighten;
|
|
21
|
+
var borderColor = bgIndex + 3;
|
|
22
|
+
var baseColors = {
|
|
23
|
+
color: -bgIndex,
|
|
24
|
+
colorHover: -bgIndex - 1,
|
|
25
|
+
colorPress: -bgIndex,
|
|
26
|
+
colorFocus: -bgIndex - 1,
|
|
27
|
+
placeholderColor: -bgIndex - 3,
|
|
28
|
+
outlineColor: -2
|
|
29
|
+
};
|
|
30
|
+
var base = {
|
|
31
|
+
accentBackground: 0,
|
|
32
|
+
accentColor: -0,
|
|
33
|
+
background0: 1,
|
|
34
|
+
background02: 2,
|
|
35
|
+
background04: 3,
|
|
36
|
+
background06: 4,
|
|
37
|
+
background08: 5,
|
|
38
|
+
color1: bgIndex,
|
|
39
|
+
color2: bgIndex + 1,
|
|
40
|
+
color3: bgIndex + 2,
|
|
41
|
+
color4: bgIndex + 3,
|
|
42
|
+
color5: bgIndex + 4,
|
|
43
|
+
color6: bgIndex + 5,
|
|
44
|
+
color7: bgIndex + 6,
|
|
45
|
+
color8: bgIndex + 7,
|
|
46
|
+
color9: bgIndex + 8,
|
|
47
|
+
color10: bgIndex + 9,
|
|
48
|
+
color11: bgIndex + 10,
|
|
49
|
+
color12: bgIndex + 11,
|
|
50
|
+
color0: -1,
|
|
51
|
+
color02: -2,
|
|
52
|
+
color04: -3,
|
|
53
|
+
color06: -4,
|
|
54
|
+
color08: -5,
|
|
55
|
+
background: bgIndex,
|
|
56
|
+
backgroundHover: bgIndex + lighten,
|
|
57
|
+
backgroundPress: bgIndex + darken,
|
|
58
|
+
backgroundFocus: bgIndex + darken,
|
|
59
|
+
borderColor,
|
|
60
|
+
borderColorHover: borderColor + lighten,
|
|
61
|
+
borderColorPress: borderColor + darken,
|
|
62
|
+
borderColorFocus: borderColor,
|
|
63
|
+
...baseColors,
|
|
64
|
+
colorTransparent: -1
|
|
65
|
+
};
|
|
66
|
+
var surface1 = {
|
|
67
|
+
...baseColors,
|
|
68
|
+
background: base.background + 3,
|
|
69
|
+
backgroundHover: base.backgroundHover + 3,
|
|
70
|
+
backgroundPress: base.backgroundPress + 3,
|
|
71
|
+
backgroundFocus: base.backgroundFocus + 3,
|
|
72
|
+
borderColor: base.borderColor + 3,
|
|
73
|
+
borderColorHover: base.borderColorHover + 3,
|
|
74
|
+
borderColorFocus: base.borderColorFocus + 3,
|
|
75
|
+
borderColorPress: base.borderColorPress + 3
|
|
76
|
+
};
|
|
77
|
+
var surface2 = {
|
|
78
|
+
...baseColors,
|
|
79
|
+
background: base.background + 4,
|
|
80
|
+
backgroundHover: base.backgroundHover + 4,
|
|
81
|
+
backgroundPress: base.backgroundPress + 4,
|
|
82
|
+
backgroundFocus: base.backgroundFocus + 4,
|
|
83
|
+
borderColor: base.borderColor + 4,
|
|
84
|
+
borderColorHover: base.borderColorHover + 4,
|
|
85
|
+
borderColorFocus: base.borderColorFocus + 4,
|
|
86
|
+
borderColorPress: base.borderColorPress + 4
|
|
87
|
+
};
|
|
88
|
+
var surface3 = {
|
|
89
|
+
...baseColors,
|
|
90
|
+
background: base.background + 5,
|
|
91
|
+
backgroundHover: base.backgroundHover + 5,
|
|
92
|
+
backgroundPress: base.backgroundPress + 5,
|
|
93
|
+
backgroundFocus: base.backgroundFocus + 5,
|
|
94
|
+
borderColor: base.borderColor + 5,
|
|
95
|
+
borderColorHover: base.borderColorHover + 5,
|
|
96
|
+
borderColorFocus: base.borderColorFocus + 5,
|
|
97
|
+
borderColorPress: base.borderColorPress + 5
|
|
98
|
+
};
|
|
99
|
+
var alt1 = {
|
|
100
|
+
color: base.color - 1,
|
|
101
|
+
colorHover: base.colorHover - 1,
|
|
102
|
+
colorPress: base.colorPress - 1,
|
|
103
|
+
colorFocus: base.colorFocus - 1
|
|
104
|
+
};
|
|
105
|
+
var alt2 = {
|
|
106
|
+
color: base.color - 2,
|
|
107
|
+
colorHover: base.colorHover - 2,
|
|
108
|
+
colorPress: base.colorPress - 2,
|
|
109
|
+
colorFocus: base.colorFocus - 2
|
|
110
|
+
};
|
|
111
|
+
var inverse = Object.fromEntries(Object.entries(base).map(function(param) {
|
|
112
|
+
var [key, index] = param;
|
|
113
|
+
return [key, -index];
|
|
114
|
+
}));
|
|
115
|
+
return {
|
|
116
|
+
base,
|
|
117
|
+
surface1,
|
|
118
|
+
surface2,
|
|
119
|
+
surface3,
|
|
120
|
+
alt1,
|
|
121
|
+
alt2,
|
|
122
|
+
inverse
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
var defaultTemplatesStrongest = getTemplates();
|
|
126
|
+
|
|
127
|
+
export { defaultTemplatesStrongest };
|
|
128
|
+
//# sourceMappingURL=defaultTemplatesStrongest.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultTemplatesStrongest.native.js","names":[],"sources":["esm/theme-builder/defaultTemplatesStrongest.native.js"],"sourcesContent":["import { objectFromEntries, objectKeys } from \"./helpers\";\nvar getTemplates = function() {\n var lightTemplates = getBaseTemplates(\"light\");\n var darkTemplates = getBaseTemplates(\"dark\");\n var templates = {\n ...objectFromEntries(objectKeys(lightTemplates).map(function(name) {\n return [\n `light_${name}`,\n lightTemplates[name]\n ];\n })),\n ...objectFromEntries(objectKeys(darkTemplates).map(function(name) {\n return [\n `dark_${name}`,\n darkTemplates[name]\n ];\n }))\n };\n return templates;\n};\nvar getBaseTemplates = function(scheme) {\n var isLight = scheme === \"light\";\n var bgIndex = 6;\n var lighten = isLight ? -1 : 1;\n var darken = -lighten;\n var borderColor = bgIndex + 3;\n var baseColors = {\n color: -bgIndex,\n colorHover: -bgIndex - 1,\n colorPress: -bgIndex,\n colorFocus: -bgIndex - 1,\n placeholderColor: -bgIndex - 3,\n outlineColor: -2\n };\n var base = {\n accentBackground: 0,\n accentColor: -0,\n background0: 1,\n background02: 2,\n background04: 3,\n background06: 4,\n background08: 5,\n color1: bgIndex,\n color2: bgIndex + 1,\n color3: bgIndex + 2,\n color4: bgIndex + 3,\n color5: bgIndex + 4,\n color6: bgIndex + 5,\n color7: bgIndex + 6,\n color8: bgIndex + 7,\n color9: bgIndex + 8,\n color10: bgIndex + 9,\n color11: bgIndex + 10,\n color12: bgIndex + 11,\n color0: -1,\n color02: -2,\n color04: -3,\n color06: -4,\n color08: -5,\n // the background, color, etc keys here work like generics - they make it so you\n // can publish components for others to use without mandating a specific color scale\n // the @tamagui/button Button component looks for `background`, so you set the\n // dark_red_Button theme to have a stronger background than the dark_red theme.\n background: bgIndex,\n backgroundHover: bgIndex + lighten,\n // always lighten on hover no matter the scheme\n backgroundPress: bgIndex + darken,\n // always darken on press no matter the theme\n backgroundFocus: bgIndex + darken,\n borderColor,\n borderColorHover: borderColor + lighten,\n borderColorPress: borderColor + darken,\n borderColorFocus: borderColor,\n ...baseColors,\n colorTransparent: -1\n };\n var surface1 = {\n ...baseColors,\n background: base.background + 3,\n backgroundHover: base.backgroundHover + 3,\n backgroundPress: base.backgroundPress + 3,\n backgroundFocus: base.backgroundFocus + 3,\n borderColor: base.borderColor + 3,\n borderColorHover: base.borderColorHover + 3,\n borderColorFocus: base.borderColorFocus + 3,\n borderColorPress: base.borderColorPress + 3\n };\n var surface2 = {\n ...baseColors,\n background: base.background + 4,\n backgroundHover: base.backgroundHover + 4,\n backgroundPress: base.backgroundPress + 4,\n backgroundFocus: base.backgroundFocus + 4,\n borderColor: base.borderColor + 4,\n borderColorHover: base.borderColorHover + 4,\n borderColorFocus: base.borderColorFocus + 4,\n borderColorPress: base.borderColorPress + 4\n };\n var surface3 = {\n ...baseColors,\n background: base.background + 5,\n backgroundHover: base.backgroundHover + 5,\n backgroundPress: base.backgroundPress + 5,\n backgroundFocus: base.backgroundFocus + 5,\n borderColor: base.borderColor + 5,\n borderColorHover: base.borderColorHover + 5,\n borderColorFocus: base.borderColorFocus + 5,\n borderColorPress: base.borderColorPress + 5\n };\n var alt1 = {\n color: base.color - 1,\n colorHover: base.colorHover - 1,\n colorPress: base.colorPress - 1,\n colorFocus: base.colorFocus - 1\n };\n var alt2 = {\n color: base.color - 2,\n colorHover: base.colorHover - 2,\n colorPress: base.colorPress - 2,\n colorFocus: base.colorFocus - 2\n };\n var inverse = Object.fromEntries(Object.entries(base).map(function(param) {\n var [key, index] = param;\n return [\n key,\n -index\n ];\n }));\n return {\n base,\n surface1,\n surface2,\n surface3,\n alt1,\n alt2,\n inverse\n };\n};\nvar defaultTemplatesStrongest = getTemplates();\nexport {\n defaultTemplatesStrongest\n};\n//# sourceMappingURL=defaultTemplatesStrongest.js.map\n"],"mappings":"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"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { hsla, parseToHsla } from "color2k";
|
|
2
|
+
|
|
3
|
+
const paletteSize = 12;
|
|
4
|
+
const PALETTE_BACKGROUND_OFFSET = 6;
|
|
5
|
+
const generateColorPalette = ({ palette: buildPalette, scheme }) => {
|
|
6
|
+
if (!buildPalette) {
|
|
7
|
+
return [];
|
|
8
|
+
}
|
|
9
|
+
const { anchors } = buildPalette;
|
|
10
|
+
let palette = [];
|
|
11
|
+
const add = (h, s, l, a) => {
|
|
12
|
+
palette.push(hsla(h, s, l, a ?? 1));
|
|
13
|
+
};
|
|
14
|
+
const numAnchors = Object.keys(anchors).length;
|
|
15
|
+
for (const [anchorIndex, anchor] of anchors.entries()) {
|
|
16
|
+
const [h, s, l, a] = [
|
|
17
|
+
anchor.hue[scheme],
|
|
18
|
+
anchor.sat[scheme],
|
|
19
|
+
anchor.lum[scheme],
|
|
20
|
+
anchor.alpha?.[scheme] ?? 1
|
|
21
|
+
];
|
|
22
|
+
if (anchorIndex !== 0) {
|
|
23
|
+
const lastAnchor = anchors[anchorIndex - 1];
|
|
24
|
+
const steps = anchor.index - lastAnchor.index;
|
|
25
|
+
const lastHue = lastAnchor.hue[scheme];
|
|
26
|
+
const lastSat = lastAnchor.sat[scheme];
|
|
27
|
+
const lastLum = lastAnchor.lum[scheme];
|
|
28
|
+
const stepHue = (lastHue - h) / steps;
|
|
29
|
+
const stepSat = (lastSat - s) / steps;
|
|
30
|
+
const stepLum = (lastLum - l) / steps;
|
|
31
|
+
for (let step = lastAnchor.index + 1; step < anchor.index; step++) {
|
|
32
|
+
const str = anchor.index - step;
|
|
33
|
+
add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
add(h, s, l, a);
|
|
37
|
+
const isLastAnchor = anchorIndex === numAnchors - 1;
|
|
38
|
+
if (isLastAnchor && palette.length < paletteSize) {
|
|
39
|
+
for (let step = anchor.index + 1; step < paletteSize; step++) {
|
|
40
|
+
add(h, s, l);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
const background = palette[0];
|
|
45
|
+
const foreground = palette[palette.length - 1];
|
|
46
|
+
const transparentValues = [background, foreground].map((color) => {
|
|
47
|
+
const [h, s, l] = parseToHsla(color);
|
|
48
|
+
return [
|
|
49
|
+
hsla(h, s, l, 0),
|
|
50
|
+
hsla(h, s, l, .2),
|
|
51
|
+
hsla(h, s, l, .4),
|
|
52
|
+
hsla(h, s, l, .6),
|
|
53
|
+
hsla(h, s, l, .8)
|
|
54
|
+
];
|
|
55
|
+
});
|
|
56
|
+
const reverseForeground = [...transparentValues[1]].reverse();
|
|
57
|
+
palette = [
|
|
58
|
+
...transparentValues[0],
|
|
59
|
+
...palette,
|
|
60
|
+
...reverseForeground
|
|
61
|
+
];
|
|
62
|
+
return palette;
|
|
63
|
+
};
|
|
64
|
+
function getThemeSuitePalettes(palette) {
|
|
65
|
+
return {
|
|
66
|
+
light: generateColorPalette({
|
|
67
|
+
palette,
|
|
68
|
+
scheme: "light"
|
|
69
|
+
}),
|
|
70
|
+
dark: generateColorPalette({
|
|
71
|
+
palette,
|
|
72
|
+
scheme: "dark"
|
|
73
|
+
})
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
export { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes };
|
|
78
|
+
//# sourceMappingURL=getThemeSuitePalettes.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getThemeSuitePalettes.js","names":[],"sources":["esm/theme-builder/getThemeSuitePalettes.js"],"sourcesContent":["import { hsla, parseToHsla } from \"color2k\";\nconst paletteSize = 12;\nconst PALETTE_BACKGROUND_OFFSET = 6;\nconst generateColorPalette = ({\n palette: buildPalette,\n scheme\n}) => {\n if (!buildPalette) {\n return [];\n }\n const { anchors } = buildPalette;\n let palette = [];\n const add = (h, s, l, a) => {\n palette.push(hsla(h, s, l, a ?? 1));\n };\n const numAnchors = Object.keys(anchors).length;\n for (const [anchorIndex, anchor] of anchors.entries()) {\n const [h, s, l, a] = [\n anchor.hue[scheme],\n anchor.sat[scheme],\n anchor.lum[scheme],\n anchor.alpha?.[scheme] ?? 1\n ];\n if (anchorIndex !== 0) {\n const lastAnchor = anchors[anchorIndex - 1];\n const steps = anchor.index - lastAnchor.index;\n const lastHue = lastAnchor.hue[scheme];\n const lastSat = lastAnchor.sat[scheme];\n const lastLum = lastAnchor.lum[scheme];\n const stepHue = (lastHue - h) / steps;\n const stepSat = (lastSat - s) / steps;\n const stepLum = (lastLum - l) / steps;\n for (let step = lastAnchor.index + 1; step < anchor.index; step++) {\n const str = anchor.index - step;\n add(h + stepHue * str, s + stepSat * str, l + stepLum * str);\n }\n }\n add(h, s, l, a);\n const isLastAnchor = anchorIndex === numAnchors - 1;\n if (isLastAnchor && palette.length < paletteSize) {\n for (let step = anchor.index + 1; step < paletteSize; step++) {\n add(h, s, l);\n }\n }\n }\n const background = palette[0];\n const foreground = palette[palette.length - 1];\n const transparentValues = [background, foreground].map((color) => {\n const [h, s, l] = parseToHsla(color);\n return [\n hsla(h, s, l, 0),\n hsla(h, s, l, 0.2),\n hsla(h, s, l, 0.4),\n hsla(h, s, l, 0.6),\n hsla(h, s, l, 0.8)\n ];\n });\n const reverseForeground = [...transparentValues[1]].reverse();\n palette = [...transparentValues[0], ...palette, ...reverseForeground];\n return palette;\n};\nfunction getThemeSuitePalettes(palette) {\n return {\n light: generateColorPalette({ palette, scheme: \"light\" }),\n dark: generateColorPalette({ palette, scheme: \"dark\" })\n };\n}\nexport {\n PALETTE_BACKGROUND_OFFSET,\n getThemeSuitePalettes\n};\n//# sourceMappingURL=getThemeSuitePalettes.js.map\n"],"mappings":";;;AACA,MAAM,cAAc;AACpB,MAAM,4BAA4B;AAClC,MAAM,wBAAwB,EAC5B,SAAS,cACT,aACI;CACJ,IAAI,CAAC,cAAc;EACjB,OAAO,CAAC;CACV;CACA,MAAM,EAAE,YAAY;CACpB,IAAI,UAAU,CAAC;CACf,MAAM,OAAO,GAAG,GAAG,GAAG,MAAM;EAC1B,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC;CACpC;CACA,MAAM,aAAa,OAAO,KAAK,OAAO,EAAE;CACxC,KAAK,MAAM,CAAC,aAAa,WAAW,QAAQ,QAAQ,GAAG;EACrD,MAAM,CAAC,GAAG,GAAG,GAAG,KAAK;GACnB,OAAO,IAAI;GACX,OAAO,IAAI;GACX,OAAO,IAAI;GACX,OAAO,QAAQ,WAAW;EAC5B;EACA,IAAI,gBAAgB,GAAG;GACrB,MAAM,aAAa,QAAQ,cAAc;GACzC,MAAM,QAAQ,OAAO,QAAQ,WAAW;GACxC,MAAM,UAAU,WAAW,IAAI;GAC/B,MAAM,UAAU,WAAW,IAAI;GAC/B,MAAM,UAAU,WAAW,IAAI;GAC/B,MAAM,WAAW,UAAU,KAAK;GAChC,MAAM,WAAW,UAAU,KAAK;GAChC,MAAM,WAAW,UAAU,KAAK;GAChC,KAAK,IAAI,OAAO,WAAW,QAAQ,GAAG,OAAO,OAAO,OAAO,QAAQ;IACjE,MAAM,MAAM,OAAO,QAAQ;IAC3B,IAAI,IAAI,UAAU,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,GAAG;GAC7D;EACF;EACA,IAAI,GAAG,GAAG,GAAG,CAAC;EACd,MAAM,eAAe,gBAAgB,aAAa;EAClD,IAAI,gBAAgB,QAAQ,SAAS,aAAa;GAChD,KAAK,IAAI,OAAO,OAAO,QAAQ,GAAG,OAAO,aAAa,QAAQ;IAC5D,IAAI,GAAG,GAAG,CAAC;GACb;EACF;CACF;CACA,MAAM,aAAa,QAAQ;CAC3B,MAAM,aAAa,QAAQ,QAAQ,SAAS;CAC5C,MAAM,oBAAoB,CAAC,YAAY,UAAU,EAAE,KAAK,UAAU;EAChE,MAAM,CAAC,GAAG,GAAG,KAAK,YAAY,KAAK;EACnC,OAAO;GACL,KAAK,GAAG,GAAG,GAAG,CAAC;GACf,KAAK,GAAG,GAAG,GAAG,EAAG;GACjB,KAAK,GAAG,GAAG,GAAG,EAAG;GACjB,KAAK,GAAG,GAAG,GAAG,EAAG;GACjB,KAAK,GAAG,GAAG,GAAG,EAAG;EACnB;CACF,CAAC;CACD,MAAM,oBAAoB,CAAC,GAAG,kBAAkB,EAAE,EAAE,QAAQ;CAC5D,UAAU;EAAC,GAAG,kBAAkB;EAAI,GAAG;EAAS,GAAG;CAAiB;CACpE,OAAO;AACT;AACA,SAAS,sBAAsB,SAAS;CACtC,OAAO;EACL,OAAO,qBAAqB;GAAE;GAAS,QAAQ;EAAQ,CAAC;EACxD,MAAM,qBAAqB;GAAE;GAAS,QAAQ;EAAO,CAAC;CACxD;AACF"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { hsla, parseToHsla } from "color2k";
|
|
2
|
+
|
|
3
|
+
var paletteSize = 12;
|
|
4
|
+
var PALETTE_BACKGROUND_OFFSET = 6;
|
|
5
|
+
var generateColorPalette = function(param) {
|
|
6
|
+
var { palette: buildPalette, scheme } = param;
|
|
7
|
+
if (!buildPalette) {
|
|
8
|
+
return [];
|
|
9
|
+
}
|
|
10
|
+
var { anchors } = buildPalette;
|
|
11
|
+
var palette = [];
|
|
12
|
+
var add = function(h2, s2, l2, a2) {
|
|
13
|
+
palette.push(hsla(h2, s2, l2, a2 !== null && a2 !== void 0 ? a2 : 1));
|
|
14
|
+
};
|
|
15
|
+
var numAnchors = Object.keys(anchors).length;
|
|
16
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
17
|
+
try {
|
|
18
|
+
for (var _iterator = anchors.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
19
|
+
var [anchorIndex, anchor] = _step.value;
|
|
20
|
+
var _anchor_alpha;
|
|
21
|
+
var _anchor_alpha_scheme;
|
|
22
|
+
var [h, s, l, a] = [
|
|
23
|
+
anchor.hue[scheme],
|
|
24
|
+
anchor.sat[scheme],
|
|
25
|
+
anchor.lum[scheme],
|
|
26
|
+
(_anchor_alpha_scheme = (_anchor_alpha = anchor.alpha) === null || _anchor_alpha === void 0 ? void 0 : _anchor_alpha[scheme]) !== null && _anchor_alpha_scheme !== void 0 ? _anchor_alpha_scheme : 1
|
|
27
|
+
];
|
|
28
|
+
if (anchorIndex !== 0) {
|
|
29
|
+
var lastAnchor = anchors[anchorIndex - 1];
|
|
30
|
+
var steps = anchor.index - lastAnchor.index;
|
|
31
|
+
var lastHue = lastAnchor.hue[scheme];
|
|
32
|
+
var lastSat = lastAnchor.sat[scheme];
|
|
33
|
+
var lastLum = lastAnchor.lum[scheme];
|
|
34
|
+
var stepHue = (lastHue - h) / steps;
|
|
35
|
+
var stepSat = (lastSat - s) / steps;
|
|
36
|
+
var stepLum = (lastLum - l) / steps;
|
|
37
|
+
for (var step = lastAnchor.index + 1; step < anchor.index; step++) {
|
|
38
|
+
var str = anchor.index - step;
|
|
39
|
+
add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
add(h, s, l, a);
|
|
43
|
+
var isLastAnchor = anchorIndex === numAnchors - 1;
|
|
44
|
+
if (isLastAnchor && palette.length < paletteSize) {
|
|
45
|
+
for (var step1 = anchor.index + 1; step1 < paletteSize; step1++) {
|
|
46
|
+
add(h, s, l);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
} catch (err) {
|
|
51
|
+
_didIteratorError = true;
|
|
52
|
+
_iteratorError = err;
|
|
53
|
+
} finally {
|
|
54
|
+
try {
|
|
55
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
56
|
+
_iterator.return();
|
|
57
|
+
}
|
|
58
|
+
} finally {
|
|
59
|
+
if (_didIteratorError) {
|
|
60
|
+
throw _iteratorError;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
var background = palette[0];
|
|
65
|
+
var foreground = palette[palette.length - 1];
|
|
66
|
+
var transparentValues = [background, foreground].map(function(color) {
|
|
67
|
+
var [h2, s2, l2] = parseToHsla(color);
|
|
68
|
+
return [
|
|
69
|
+
hsla(h2, s2, l2, 0),
|
|
70
|
+
hsla(h2, s2, l2, .2),
|
|
71
|
+
hsla(h2, s2, l2, .4),
|
|
72
|
+
hsla(h2, s2, l2, .6),
|
|
73
|
+
hsla(h2, s2, l2, .8)
|
|
74
|
+
];
|
|
75
|
+
});
|
|
76
|
+
var reverseForeground = [...transparentValues[1]].reverse();
|
|
77
|
+
palette = [
|
|
78
|
+
...transparentValues[0],
|
|
79
|
+
...palette,
|
|
80
|
+
...reverseForeground
|
|
81
|
+
];
|
|
82
|
+
return palette;
|
|
83
|
+
};
|
|
84
|
+
function getThemeSuitePalettes(palette) {
|
|
85
|
+
return {
|
|
86
|
+
light: generateColorPalette({
|
|
87
|
+
palette,
|
|
88
|
+
scheme: "light"
|
|
89
|
+
}),
|
|
90
|
+
dark: generateColorPalette({
|
|
91
|
+
palette,
|
|
92
|
+
scheme: "dark"
|
|
93
|
+
})
|
|
94
|
+
};
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
export { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes };
|
|
98
|
+
//# sourceMappingURL=getThemeSuitePalettes.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getThemeSuitePalettes.native.js","names":[],"sources":["esm/theme-builder/getThemeSuitePalettes.native.js"],"sourcesContent":["import { hsla, parseToHsla } from \"color2k\";\nvar paletteSize = 12;\nvar PALETTE_BACKGROUND_OFFSET = 6;\nvar generateColorPalette = function(param) {\n var { palette: buildPalette, scheme } = param;\n if (!buildPalette) {\n return [];\n }\n var { anchors } = buildPalette;\n var palette = [];\n var add = function(h2, s2, l2, a2) {\n palette.push(hsla(h2, s2, l2, a2 !== null && a2 !== void 0 ? a2 : 1));\n };\n var numAnchors = Object.keys(anchors).length;\n var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n try {\n for (var _iterator = anchors.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var [anchorIndex, anchor] = _step.value;\n var _anchor_alpha;\n var _anchor_alpha_scheme;\n var [h, s, l, a] = [\n anchor.hue[scheme],\n anchor.sat[scheme],\n anchor.lum[scheme],\n (_anchor_alpha_scheme = (_anchor_alpha = anchor.alpha) === null || _anchor_alpha === void 0 ? void 0 : _anchor_alpha[scheme]) !== null && _anchor_alpha_scheme !== void 0 ? _anchor_alpha_scheme : 1\n ];\n if (anchorIndex !== 0) {\n var lastAnchor = anchors[anchorIndex - 1];\n var steps = anchor.index - lastAnchor.index;\n var lastHue = lastAnchor.hue[scheme];\n var lastSat = lastAnchor.sat[scheme];\n var lastLum = lastAnchor.lum[scheme];\n var stepHue = (lastHue - h) / steps;\n var stepSat = (lastSat - s) / steps;\n var stepLum = (lastLum - l) / steps;\n for (var step = lastAnchor.index + 1; step < anchor.index; step++) {\n var str = anchor.index - step;\n add(h + stepHue * str, s + stepSat * str, l + stepLum * str);\n }\n }\n add(h, s, l, a);\n var isLastAnchor = anchorIndex === numAnchors - 1;\n if (isLastAnchor && palette.length < paletteSize) {\n for (var step1 = anchor.index + 1; step1 < paletteSize; step1++) {\n add(h, s, l);\n }\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return != null) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n var background = palette[0];\n var foreground = palette[palette.length - 1];\n var transparentValues = [\n background,\n foreground\n ].map(function(color) {\n var [h2, s2, l2] = parseToHsla(color);\n return [\n hsla(h2, s2, l2, 0),\n hsla(h2, s2, l2, 0.2),\n hsla(h2, s2, l2, 0.4),\n hsla(h2, s2, l2, 0.6),\n hsla(h2, s2, l2, 0.8)\n ];\n });\n var reverseForeground = [\n ...transparentValues[1]\n ].reverse();\n palette = [\n ...transparentValues[0],\n ...palette,\n ...reverseForeground\n ];\n return palette;\n};\nfunction getThemeSuitePalettes(palette) {\n return {\n light: generateColorPalette({\n palette,\n scheme: \"light\"\n }),\n dark: generateColorPalette({\n palette,\n scheme: \"dark\"\n })\n };\n}\nexport {\n PALETTE_BACKGROUND_OFFSET,\n getThemeSuitePalettes\n};\n//# sourceMappingURL=getThemeSuitePalettes.js.map\n"],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
const objectKeys = (obj) => Object.keys(obj);
|
|
2
|
+
function objectEntries(obj) {
|
|
3
|
+
return Object.entries(obj);
|
|
4
|
+
}
|
|
5
|
+
function objectFromEntries(arr) {
|
|
6
|
+
return Object.fromEntries(arr);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export { objectEntries, objectFromEntries, objectKeys };
|
|
10
|
+
//# sourceMappingURL=helpers.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.js","names":[],"sources":["esm/theme-builder/helpers.js"],"sourcesContent":["const objectKeys = (obj) => Object.keys(obj);\nfunction objectEntries(obj) {\n return Object.entries(obj);\n}\nfunction objectFromEntries(arr) {\n return Object.fromEntries(arr);\n}\nexport {\n objectEntries,\n objectFromEntries,\n objectKeys\n};\n//# sourceMappingURL=helpers.js.map\n"],"mappings":";AAAA,MAAM,cAAc,QAAQ,OAAO,KAAK,GAAG;AAC3C,SAAS,cAAc,KAAK;CAC1B,OAAO,OAAO,QAAQ,GAAG;AAC3B;AACA,SAAS,kBAAkB,KAAK;CAC9B,OAAO,OAAO,YAAY,GAAG;AAC/B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
var objectKeys = function(obj) {
|
|
2
|
+
return Object.keys(obj);
|
|
3
|
+
};
|
|
4
|
+
function objectEntries(obj) {
|
|
5
|
+
return Object.entries(obj);
|
|
6
|
+
}
|
|
7
|
+
function objectFromEntries(arr) {
|
|
8
|
+
return Object.fromEntries(arr);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { objectEntries, objectFromEntries, objectKeys };
|
|
12
|
+
//# sourceMappingURL=helpers.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.native.js","names":[],"sources":["esm/theme-builder/helpers.native.js"],"sourcesContent":["var objectKeys = function(obj) {\n return Object.keys(obj);\n};\nfunction objectEntries(obj) {\n return Object.entries(obj);\n}\nfunction objectFromEntries(arr) {\n return Object.fromEntries(arr);\n}\nexport {\n objectEntries,\n objectFromEntries,\n objectKeys\n};\n//# sourceMappingURL=helpers.js.map\n"],"mappings":";AAAA,IAAI,aAAa,SAAS,KAAK;CAC7B,OAAO,OAAO,KAAK,GAAG;AACxB;AACA,SAAS,cAAc,KAAK;CAC1B,OAAO,OAAO,QAAQ,GAAG;AAC3B;AACA,SAAS,kBAAkB,KAAK;CAC9B,OAAO,OAAO,YAAY,GAAG;AAC/B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { createStudioThemes } from "./createStudioThemes.mjs";
|
|
2
|
+
import { createPalettes, createThemes, createV4ThemeBuilder, createV4Themes } from "./createThemes.mjs";
|
|
3
|
+
import { defaultTemplates } from "./defaultTemplates.mjs";
|
|
4
|
+
import { defaultComponentThemes } from "./defaultComponentThemes.mjs";
|
|
5
|
+
import { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes } from "./getThemeSuitePalettes.mjs";
|
|
6
|
+
import { masks } from "./masks.mjs";
|
|
7
|
+
|
|
8
|
+
export * from "./ThemeBuilder.mjs"
|
|
9
|
+
|
|
10
|
+
export * from "../create-theme/index.mjs"
|
|
11
|
+
|
|
12
|
+
export { PALETTE_BACKGROUND_OFFSET, createPalettes, createStudioThemes, createThemes, createV4ThemeBuilder, createV4Themes, defaultComponentThemes, defaultTemplates, getThemeSuitePalettes, masks };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { createStudioThemes } from "./createStudioThemes.native.js";
|
|
2
|
+
import { createPalettes, createThemes, createV4ThemeBuilder, createV4Themes } from "./createThemes.native.js";
|
|
3
|
+
import { defaultTemplates } from "./defaultTemplates.native.js";
|
|
4
|
+
import { defaultComponentThemes } from "./defaultComponentThemes.native.js";
|
|
5
|
+
import { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes } from "./getThemeSuitePalettes.native.js";
|
|
6
|
+
import { masks } from "./masks.native.js";
|
|
7
|
+
|
|
8
|
+
export * from "./ThemeBuilder.native.js"
|
|
9
|
+
|
|
10
|
+
export * from "../create-theme/index.native.js"
|
|
11
|
+
|
|
12
|
+
export { PALETTE_BACKGROUND_OFFSET, createPalettes, createStudioThemes, createThemes, createV4ThemeBuilder, createV4Themes, defaultComponentThemes, defaultTemplates, getThemeSuitePalettes, masks };
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { combineMasks, createIdentityMask, createInverseMask, createMask, createSoftenMask, createStrengthenMask, skipMask } from "../create-theme/index.mjs";
|
|
2
|
+
|
|
3
|
+
const masks = {
|
|
4
|
+
identity: createIdentityMask(),
|
|
5
|
+
soften: createSoftenMask(),
|
|
6
|
+
soften2: createSoftenMask({ strength: 2 }),
|
|
7
|
+
soften3: createSoftenMask({ strength: 3 }),
|
|
8
|
+
strengthen: createStrengthenMask(),
|
|
9
|
+
inverse: createInverseMask(),
|
|
10
|
+
inverseSoften: combineMasks(createInverseMask(), createSoftenMask({ strength: 2 })),
|
|
11
|
+
inverseSoften2: combineMasks(createInverseMask(), createSoftenMask({ strength: 3 })),
|
|
12
|
+
inverseSoften3: combineMasks(createInverseMask(), createSoftenMask({ strength: 4 })),
|
|
13
|
+
inverseStrengthen2: combineMasks(createInverseMask(), createStrengthenMask({ strength: 2 })),
|
|
14
|
+
strengthenButSoftenBorder: createMask((template, options) => {
|
|
15
|
+
const stronger = createStrengthenMask().mask(template, options);
|
|
16
|
+
const softer = createSoftenMask().mask(template, options);
|
|
17
|
+
return {
|
|
18
|
+
...stronger,
|
|
19
|
+
borderColor: softer.borderColor,
|
|
20
|
+
borderColorHover: softer.borderColorHover,
|
|
21
|
+
borderColorPress: softer.borderColorPress,
|
|
22
|
+
borderColorFocus: softer.borderColorFocus
|
|
23
|
+
};
|
|
24
|
+
}),
|
|
25
|
+
soften2Border1: createMask((template, options) => {
|
|
26
|
+
const softer2 = createSoftenMask({ strength: 2 }).mask(template, options);
|
|
27
|
+
const softer1 = createSoftenMask({ strength: 1 }).mask(template, options);
|
|
28
|
+
return {
|
|
29
|
+
...softer2,
|
|
30
|
+
borderColor: softer1.borderColor,
|
|
31
|
+
borderColorHover: softer1.borderColorHover,
|
|
32
|
+
borderColorPress: softer1.borderColorPress,
|
|
33
|
+
borderColorFocus: softer1.borderColorFocus
|
|
34
|
+
};
|
|
35
|
+
}),
|
|
36
|
+
soften3FlatBorder: createMask((template, options) => {
|
|
37
|
+
const borderMask = createSoftenMask({ strength: 2 }).mask(template, options);
|
|
38
|
+
const softer3 = createSoftenMask({ strength: 3 }).mask(template, options);
|
|
39
|
+
return {
|
|
40
|
+
...softer3,
|
|
41
|
+
borderColor: borderMask.borderColor,
|
|
42
|
+
borderColorHover: borderMask.borderColorHover,
|
|
43
|
+
borderColorPress: borderMask.borderColorPress,
|
|
44
|
+
borderColorFocus: borderMask.borderColorFocus
|
|
45
|
+
};
|
|
46
|
+
}),
|
|
47
|
+
softenBorder: createMask((template, options) => {
|
|
48
|
+
const plain = skipMask.mask(template, options);
|
|
49
|
+
const softer = createSoftenMask().mask(template, options);
|
|
50
|
+
return {
|
|
51
|
+
...plain,
|
|
52
|
+
borderColor: softer.borderColor,
|
|
53
|
+
borderColorHover: softer.borderColorHover,
|
|
54
|
+
borderColorPress: softer.borderColorPress,
|
|
55
|
+
borderColorFocus: softer.borderColorFocus
|
|
56
|
+
};
|
|
57
|
+
}),
|
|
58
|
+
softenBorder2: createMask((template, options) => {
|
|
59
|
+
const plain = skipMask.mask(template, options);
|
|
60
|
+
const softer = createSoftenMask({ strength: 2 }).mask(template, options);
|
|
61
|
+
return {
|
|
62
|
+
...plain,
|
|
63
|
+
borderColor: softer.borderColor,
|
|
64
|
+
borderColorHover: softer.borderColorHover,
|
|
65
|
+
borderColorPress: softer.borderColorPress,
|
|
66
|
+
borderColorFocus: softer.borderColorFocus
|
|
67
|
+
};
|
|
68
|
+
})
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
export { masks };
|
|
72
|
+
//# sourceMappingURL=masks.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"masks.js","names":[],"sources":["esm/theme-builder/masks.js"],"sourcesContent":["import {\n combineMasks,\n createIdentityMask,\n createInverseMask,\n createMask,\n createSoftenMask,\n createStrengthenMask,\n skipMask\n} from \"../create-theme\";\nconst masks = {\n identity: createIdentityMask(),\n soften: createSoftenMask(),\n soften2: createSoftenMask({ strength: 2 }),\n soften3: createSoftenMask({ strength: 3 }),\n strengthen: createStrengthenMask(),\n inverse: createInverseMask(),\n inverseSoften: combineMasks(createInverseMask(), createSoftenMask({ strength: 2 })),\n inverseSoften2: combineMasks(createInverseMask(), createSoftenMask({ strength: 3 })),\n inverseSoften3: combineMasks(createInverseMask(), createSoftenMask({ strength: 4 })),\n inverseStrengthen2: combineMasks(\n createInverseMask(),\n createStrengthenMask({ strength: 2 })\n ),\n strengthenButSoftenBorder: createMask((template, options) => {\n const stronger = createStrengthenMask().mask(template, options);\n const softer = createSoftenMask().mask(template, options);\n return {\n ...stronger,\n borderColor: softer.borderColor,\n borderColorHover: softer.borderColorHover,\n borderColorPress: softer.borderColorPress,\n borderColorFocus: softer.borderColorFocus\n };\n }),\n soften2Border1: createMask((template, options) => {\n const softer2 = createSoftenMask({ strength: 2 }).mask(template, options);\n const softer1 = createSoftenMask({ strength: 1 }).mask(template, options);\n return {\n ...softer2,\n borderColor: softer1.borderColor,\n borderColorHover: softer1.borderColorHover,\n borderColorPress: softer1.borderColorPress,\n borderColorFocus: softer1.borderColorFocus\n };\n }),\n soften3FlatBorder: createMask((template, options) => {\n const borderMask = createSoftenMask({ strength: 2 }).mask(template, options);\n const softer3 = createSoftenMask({ strength: 3 }).mask(template, options);\n return {\n ...softer3,\n borderColor: borderMask.borderColor,\n borderColorHover: borderMask.borderColorHover,\n borderColorPress: borderMask.borderColorPress,\n borderColorFocus: borderMask.borderColorFocus\n };\n }),\n softenBorder: createMask((template, options) => {\n const plain = skipMask.mask(template, options);\n const softer = createSoftenMask().mask(template, options);\n return {\n ...plain,\n borderColor: softer.borderColor,\n borderColorHover: softer.borderColorHover,\n borderColorPress: softer.borderColorPress,\n borderColorFocus: softer.borderColorFocus\n };\n }),\n softenBorder2: createMask((template, options) => {\n const plain = skipMask.mask(template, options);\n const softer = createSoftenMask({ strength: 2 }).mask(template, options);\n return {\n ...plain,\n borderColor: softer.borderColor,\n borderColorHover: softer.borderColorHover,\n borderColorPress: softer.borderColorPress,\n borderColorFocus: softer.borderColorFocus\n };\n })\n};\nexport {\n masks\n};\n//# sourceMappingURL=masks.js.map\n"],"mappings":";;;AASA,MAAM,QAAQ;CACZ,UAAU,mBAAmB;CAC7B,QAAQ,iBAAiB;CACzB,SAAS,iBAAiB,EAAE,UAAU,EAAE,CAAC;CACzC,SAAS,iBAAiB,EAAE,UAAU,EAAE,CAAC;CACzC,YAAY,qBAAqB;CACjC,SAAS,kBAAkB;CAC3B,eAAe,aAAa,kBAAkB,GAAG,iBAAiB,EAAE,UAAU,EAAE,CAAC,CAAC;CAClF,gBAAgB,aAAa,kBAAkB,GAAG,iBAAiB,EAAE,UAAU,EAAE,CAAC,CAAC;CACnF,gBAAgB,aAAa,kBAAkB,GAAG,iBAAiB,EAAE,UAAU,EAAE,CAAC,CAAC;CACnF,oBAAoB,aAClB,kBAAkB,GAClB,qBAAqB,EAAE,UAAU,EAAE,CAAC,CACtC;CACA,2BAA2B,YAAY,UAAU,YAAY;EAC3D,MAAM,WAAW,qBAAqB,EAAE,KAAK,UAAU,OAAO;EAC9D,MAAM,SAAS,iBAAiB,EAAE,KAAK,UAAU,OAAO;EACxD,OAAO;GACL,GAAG;GACH,aAAa,OAAO;GACpB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;EAC3B;CACF,CAAC;CACD,gBAAgB,YAAY,UAAU,YAAY;EAChD,MAAM,UAAU,iBAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;EACxE,MAAM,UAAU,iBAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;EACxE,OAAO;GACL,GAAG;GACH,aAAa,QAAQ;GACrB,kBAAkB,QAAQ;GAC1B,kBAAkB,QAAQ;GAC1B,kBAAkB,QAAQ;EAC5B;CACF,CAAC;CACD,mBAAmB,YAAY,UAAU,YAAY;EACnD,MAAM,aAAa,iBAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;EAC3E,MAAM,UAAU,iBAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;EACxE,OAAO;GACL,GAAG;GACH,aAAa,WAAW;GACxB,kBAAkB,WAAW;GAC7B,kBAAkB,WAAW;GAC7B,kBAAkB,WAAW;EAC/B;CACF,CAAC;CACD,cAAc,YAAY,UAAU,YAAY;EAC9C,MAAM,QAAQ,SAAS,KAAK,UAAU,OAAO;EAC7C,MAAM,SAAS,iBAAiB,EAAE,KAAK,UAAU,OAAO;EACxD,OAAO;GACL,GAAG;GACH,aAAa,OAAO;GACpB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;EAC3B;CACF,CAAC;CACD,eAAe,YAAY,UAAU,YAAY;EAC/C,MAAM,QAAQ,SAAS,KAAK,UAAU,OAAO;EAC7C,MAAM,SAAS,iBAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;EACvE,OAAO;GACL,GAAG;GACH,aAAa,OAAO;GACpB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;GACzB,kBAAkB,OAAO;EAC3B;CACF,CAAC;AACH"}
|