@zonos/amino 4.4.21 → 4.4.22
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/components/styles/ColorPalette.js +1 -1
- package/package.json +1 -1
- package/styles/constants/theme.d.ts +28 -0
- package/styles/constants/theme.js +1 -1
- package/theme.css +28 -0
- package/types/Color.d.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),r=require("styled-components"),a=require("../stack/VStack.js"),i=require("../text/Text.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var s,l,o,d=c(r),u=["blue","cyan","green","orange","purple","red","gray"],p=["100","200","300","400","500","600","700","800","900","1000"],m=d.default.div(s||(s=e.__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, calc(33% - ","));\n gap: ",";\n align-items: center;\n"],["\n display: grid;\n grid-template-columns: repeat(auto-fit, calc(33% - ","));\n gap: ",";\n align-items: center;\n"])),t.theme.space24,t.theme.space24),g=d.default.div(l||(l=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin-bottom: ",";\n text-align: center;\n"],["\n display: flex;\n flex-direction: column;\n margin-bottom: ",";\n text-align: center;\n"])),t.theme.space24),_=d.default.div(o||(o=e.__makeTemplateObject(["\n color: ",";\n font-size: ",";\n padding: ",";\n background: ",";\n"],["\n color: ",";\n font-size: ",";\n padding: ",";\n background: ",";\n"])),(function(e){return e.color}),t.theme.fontSizeS,t.theme.space24,(function(e){return t.theme[e.background]}));exports.ColorPalette=function(){return n.jsx(m,{children:u.map((function(t){return n.jsxs(g,{children:[n.jsx(i.Text,e.__assign({type:"title"},{children:t.toUpperCase()})),n.jsx(a.VStack,e.__assign({spacing:0},{children:("gray"!==t?p:e.__spreadArray(e.__spreadArray(["0","50"],e.__read(p),!1),["1100","1200"],!1)).map((function(r){var a="".concat(t).concat(r);return n.jsx("div",{children:n.jsx(_,e.__assign({background:a,color:Number(r)<500?"black":"white"},{children:n.jsx(i.Text,{children:r})}))},a)}))}))]},t)}))})};
|
|
1
|
+
"use strict";var e=require("../../_tslib-fe391a2e.js"),n=require("react/jsx-runtime"),t=require("../../styles/constants/theme.js"),r=require("styled-components"),a=require("../stack/VStack.js"),i=require("../text/Text.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js");var s,l,o,d=c(r),u=["blue","cyan","green","orange","purple","red","gray","glass"],p=["100","200","300","400","500","600","700","800","900","1000"],m=d.default.div(s||(s=e.__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(auto-fit, calc(33% - ","));\n gap: ",";\n align-items: center;\n"],["\n display: grid;\n grid-template-columns: repeat(auto-fit, calc(33% - ","));\n gap: ",";\n align-items: center;\n"])),t.theme.space24,t.theme.space24),g=d.default.div(l||(l=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n margin-bottom: ",";\n text-align: center;\n"],["\n display: flex;\n flex-direction: column;\n margin-bottom: ",";\n text-align: center;\n"])),t.theme.space24),_=d.default.div(o||(o=e.__makeTemplateObject(["\n color: ",";\n font-size: ",";\n padding: ",";\n background: ",";\n"],["\n color: ",";\n font-size: ",";\n padding: ",";\n background: ",";\n"])),(function(e){return e.color}),t.theme.fontSizeS,t.theme.space24,(function(e){return t.theme[e.background]}));exports.ColorPalette=function(){return n.jsx(m,{children:u.map((function(t){return n.jsxs(g,{children:[n.jsx(i.Text,e.__assign({type:"title"},{children:t.toUpperCase()})),n.jsx(a.VStack,e.__assign({spacing:0},{children:("gray"!==t&&"glass"!==t?p:e.__spreadArray(e.__spreadArray(["0","50"],e.__read(p),!1),["1100","1200"],!1)).map((function(r){var a="".concat(t).concat(r);return n.jsx("div",{children:n.jsx(_,e.__assign({background:a,color:Number(r)<500?"black":"white"},{children:n.jsx(i.Text,{children:r})}))},a)}))}))]},t)}))})};
|
package/package.json
CHANGED
|
@@ -3,6 +3,34 @@ export declare const theme: {
|
|
|
3
3
|
readonly transition: "var(--amino-transition)";
|
|
4
4
|
/** @info 16px */
|
|
5
5
|
readonly typeScaleBase: "var(--amino-type-scale-base)";
|
|
6
|
+
/** @info #10111600 */
|
|
7
|
+
readonly glass0: "var(--amino-glass-0)";
|
|
8
|
+
/** @info #1011160A */
|
|
9
|
+
readonly glass50: "var(--amino-glass-50)";
|
|
10
|
+
/** @info #10111614 */
|
|
11
|
+
readonly glass100: "var(--amino-glass-100)";
|
|
12
|
+
/** @info #10111626 */
|
|
13
|
+
readonly glass200: "var(--amino-glass-200)";
|
|
14
|
+
/** @info #1011163D */
|
|
15
|
+
readonly glass300: "var(--amino-glass-300)";
|
|
16
|
+
/** @info #10111656 */
|
|
17
|
+
readonly glass400: "var(--amino-glass-400)";
|
|
18
|
+
/** @info #10111670 */
|
|
19
|
+
readonly glass500: "var(--amino-glass-500)";
|
|
20
|
+
/** @info #1011169B */
|
|
21
|
+
readonly glass600: "var(--amino-glass-600)";
|
|
22
|
+
/** @info #101116AD */
|
|
23
|
+
readonly glass700: "var(--amino-glass-700)";
|
|
24
|
+
/** @info #101116BC */
|
|
25
|
+
readonly glass800: "var(--amino-glass-800)";
|
|
26
|
+
/** @info #101116C6 */
|
|
27
|
+
readonly glass900: "var(--amino-glass-900)";
|
|
28
|
+
/** @info #101116DD */
|
|
29
|
+
readonly glass1000: "var(--amino-glass-1000)";
|
|
30
|
+
/** @info #101116EF */
|
|
31
|
+
readonly glass1100: "var(--amino-glass-1100)";
|
|
32
|
+
/** @info #101116F5 */
|
|
33
|
+
readonly glass1200: "var(--amino-glass-1200)";
|
|
6
34
|
/** @info white */
|
|
7
35
|
readonly gray0: "var(--amino-gray-0)";
|
|
8
36
|
/** @info #F6F6F8 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};
|
|
1
|
+
"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",glass0:"var(--amino-glass-0)",glass50:"var(--amino-glass-50)",glass100:"var(--amino-glass-100)",glass200:"var(--amino-glass-200)",glass300:"var(--amino-glass-300)",glass400:"var(--amino-glass-400)",glass500:"var(--amino-glass-500)",glass600:"var(--amino-glass-600)",glass700:"var(--amino-glass-700)",glass800:"var(--amino-glass-800)",glass900:"var(--amino-glass-900)",glass1000:"var(--amino-glass-1000)",glass1100:"var(--amino-glass-1100)",glass1200:"var(--amino-glass-1200)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",v3ShadowInset:"var(--amino-v3-shadow-inset)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",textColor:"var(--amino-text-color)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",backdropColor:"var(--amino-backdrop-color)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)",inputBackground:"var(--amino-input-background)"};
|
package/theme.css
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
2
2
|
[data-theme='day'] {
|
|
3
3
|
--amino-transition: all 0.2s ease-in-out 0s;
|
|
4
4
|
--amino-type-scale-base: 16px;
|
|
5
|
+
--amino-glass-0: #10111600;
|
|
6
|
+
--amino-glass-50: #1011160a;
|
|
7
|
+
--amino-glass-100: #10111614;
|
|
8
|
+
--amino-glass-200: #10111626;
|
|
9
|
+
--amino-glass-300: #1011163d;
|
|
10
|
+
--amino-glass-400: #10111656;
|
|
11
|
+
--amino-glass-500: #10111670;
|
|
12
|
+
--amino-glass-600: #1011169b;
|
|
13
|
+
--amino-glass-700: #101116ad;
|
|
14
|
+
--amino-glass-800: #101116bc;
|
|
15
|
+
--amino-glass-900: #101116c6;
|
|
16
|
+
--amino-glass-1000: #101116dd;
|
|
17
|
+
--amino-glass-1100: #101116ef;
|
|
18
|
+
--amino-glass-1200: #101116f5;
|
|
5
19
|
--amino-gray-0: #ffffff;
|
|
6
20
|
--amino-gray-50: #f6f6f8;
|
|
7
21
|
--amino-gray-100: #eaebed;
|
|
@@ -214,6 +228,20 @@
|
|
|
214
228
|
|
|
215
229
|
/* Night theme */
|
|
216
230
|
[data-theme='night'] {
|
|
231
|
+
--amino-glass-0: #ffffff00;
|
|
232
|
+
--amino-glass-50: #ffffff0a;
|
|
233
|
+
--amino-glass-100: #ffffff21;
|
|
234
|
+
--amino-glass-200: #ffffff26;
|
|
235
|
+
--amino-glass-300: #ffffff44;
|
|
236
|
+
--amino-glass-400: #ffffff51;
|
|
237
|
+
--amino-glass-500: #ffffff63;
|
|
238
|
+
--amino-glass-600: #ffffff8e;
|
|
239
|
+
--amino-glass-700: #ffffffa8;
|
|
240
|
+
--amino-glass-800: #ffffffc1;
|
|
241
|
+
--amino-glass-900: #ffffffd8;
|
|
242
|
+
--amino-glass-1000: #ffffffea;
|
|
243
|
+
--amino-glass-1100: #fffffff4;
|
|
244
|
+
--amino-glass-1200: #fffffffa;
|
|
217
245
|
--amino-gray-0: #101116;
|
|
218
246
|
--amino-gray-50: #1e1f26;
|
|
219
247
|
--amino-gray-100: #2e3038;
|
package/types/Color.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export declare const colorPrefixes: readonly ["blue", "cyan", "green", "orange", "purple", "red", "gray"];
|
|
1
|
+
export declare const colorPrefixes: readonly ["blue", "cyan", "green", "orange", "purple", "red", "gray", "glass"];
|
|
2
2
|
export declare const colorContrasts: readonly ["100", "200", "300", "400", "500", "600", "700", "800", "900", "1000"];
|
|
3
3
|
export type ColorContrast = typeof colorContrasts[number];
|
|
4
4
|
export type ColorPrefix = typeof colorPrefixes[number];
|
|
5
|
-
export type Color = 'gray0' | `${ColorPrefix}${ColorContrast}` | 'gray1100' | 'gray1200';
|
|
5
|
+
export type Color = 'gray0' | 'glass0' | 'glass50' | `${ColorPrefix}${ColorContrast}` | 'gray1100' | 'gray1200' | 'glass1100' | 'glass1200';
|