@uni-design-system/uni-core 1.0.0 → 1.0.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/dist/concepts/background/background.model.d.ts +10 -0
- package/dist/concepts/background/background.model.d.ts.map +1 -0
- package/dist/concepts/background/background.model.js +2 -0
- package/dist/concepts/background/background.model.js.map +1 -0
- package/dist/concepts/background/background.types.d.ts +2 -0
- package/dist/concepts/background/background.types.d.ts.map +1 -0
- package/dist/concepts/background/background.types.js +2 -0
- package/dist/concepts/background/background.types.js.map +1 -0
- package/dist/concepts/background/index.d.ts +3 -0
- package/dist/concepts/background/index.d.ts.map +1 -0
- package/dist/concepts/background/index.js +3 -0
- package/dist/concepts/background/index.js.map +1 -0
- package/dist/concepts/border/border.model.d.ts +15 -0
- package/dist/concepts/border/border.model.d.ts.map +1 -0
- package/dist/concepts/border/border.model.js +2 -0
- package/dist/concepts/border/border.model.js.map +1 -0
- package/{src/core/border/border.types.ts → dist/concepts/border/border.types.d.ts} +1 -0
- package/dist/concepts/border/border.types.d.ts.map +1 -0
- package/dist/concepts/border/border.types.js +2 -0
- package/dist/concepts/border/border.types.js.map +1 -0
- package/dist/concepts/border/index.d.ts +3 -0
- package/dist/concepts/border/index.d.ts.map +1 -0
- package/dist/concepts/border/index.js +3 -0
- package/dist/concepts/border/index.js.map +1 -0
- package/dist/concepts/button/button.model.d.ts +18 -0
- package/dist/concepts/button/button.model.d.ts.map +1 -0
- package/dist/concepts/button/button.model.js +2 -0
- package/dist/concepts/button/button.model.js.map +1 -0
- package/dist/concepts/button/button.types.d.ts +2 -0
- package/dist/concepts/button/button.types.d.ts.map +1 -0
- package/dist/concepts/button/button.types.js +2 -0
- package/dist/concepts/button/button.types.js.map +1 -0
- package/dist/concepts/button/index.d.ts +3 -0
- package/dist/concepts/button/index.d.ts.map +1 -0
- package/dist/concepts/button/index.js +3 -0
- package/dist/concepts/button/index.js.map +1 -0
- package/dist/concepts/color/color.helper.d.ts +6 -0
- package/dist/concepts/color/color.helper.d.ts.map +1 -0
- package/dist/concepts/color/color.helper.js +29 -0
- package/dist/concepts/color/color.helper.js.map +1 -0
- package/dist/concepts/color/color.model.d.ts +46 -0
- package/dist/concepts/color/color.model.d.ts.map +1 -0
- package/dist/concepts/color/color.model.js +2 -0
- package/dist/concepts/color/color.model.js.map +1 -0
- package/dist/concepts/color/color.records.d.ts +6 -0
- package/dist/concepts/color/color.records.d.ts.map +1 -0
- package/dist/concepts/color/color.records.js +28 -0
- package/dist/concepts/color/color.records.js.map +1 -0
- package/dist/concepts/color/color.types.d.ts +13 -0
- package/dist/concepts/color/color.types.d.ts.map +1 -0
- package/dist/concepts/color/color.types.js +4 -0
- package/dist/concepts/color/color.types.js.map +1 -0
- package/dist/concepts/color/color.utils.d.ts +8 -0
- package/dist/concepts/color/color.utils.d.ts.map +1 -0
- package/dist/concepts/color/color.utils.js +17 -0
- package/dist/concepts/color/color.utils.js.map +1 -0
- package/dist/concepts/color/index.d.ts +6 -0
- package/dist/concepts/color/index.d.ts.map +1 -0
- package/dist/concepts/color/index.js +6 -0
- package/dist/concepts/color/index.js.map +1 -0
- package/dist/concepts/container/container.model.d.ts +46 -0
- package/dist/concepts/container/container.model.d.ts.map +1 -0
- package/dist/concepts/container/container.model.js +2 -0
- package/dist/concepts/container/container.model.js.map +1 -0
- package/dist/concepts/container/container.types.d.ts +2 -0
- package/dist/concepts/container/container.types.d.ts.map +1 -0
- package/dist/concepts/container/container.types.js +2 -0
- package/dist/concepts/container/container.types.js.map +1 -0
- package/dist/concepts/container/index.d.ts +3 -0
- package/dist/concepts/container/index.d.ts.map +1 -0
- package/dist/concepts/container/index.js +3 -0
- package/dist/concepts/container/index.js.map +1 -0
- package/dist/concepts/core.types.d.ts +12 -0
- package/dist/concepts/core.types.d.ts.map +1 -0
- package/dist/concepts/core.types.js +2 -0
- package/dist/concepts/core.types.js.map +1 -0
- package/dist/concepts/flex/flex.types.d.ts +9 -0
- package/dist/concepts/flex/flex.types.d.ts.map +1 -0
- package/dist/concepts/flex/flex.types.js +2 -0
- package/dist/concepts/flex/flex.types.js.map +1 -0
- package/dist/concepts/flex/index.d.ts +2 -0
- package/dist/concepts/flex/index.d.ts.map +1 -0
- package/dist/concepts/flex/index.js +2 -0
- package/dist/concepts/flex/index.js.map +1 -0
- package/dist/concepts/gradient/gradient.helper.d.ts +3 -0
- package/dist/concepts/gradient/gradient.helper.d.ts.map +1 -0
- package/dist/concepts/gradient/gradient.helper.js +4 -0
- package/dist/concepts/gradient/gradient.helper.js.map +1 -0
- package/dist/concepts/gradient/gradient.model.d.ts +7 -0
- package/dist/concepts/gradient/gradient.model.d.ts.map +1 -0
- package/dist/concepts/gradient/gradient.model.js +2 -0
- package/dist/concepts/gradient/gradient.model.js.map +1 -0
- package/dist/concepts/gradient/gradient.types.d.ts +2 -0
- package/dist/concepts/gradient/gradient.types.d.ts.map +1 -0
- package/dist/concepts/gradient/gradient.types.js +2 -0
- package/dist/concepts/gradient/gradient.types.js.map +1 -0
- package/dist/concepts/gradient/index.d.ts +4 -0
- package/dist/concepts/gradient/index.d.ts.map +1 -0
- package/dist/concepts/gradient/index.js +4 -0
- package/dist/concepts/gradient/index.js.map +1 -0
- package/dist/concepts/iconography/icon.model.d.ts +8 -0
- package/dist/concepts/iconography/icon.model.d.ts.map +1 -0
- package/dist/concepts/iconography/icon.model.js +2 -0
- package/dist/concepts/iconography/icon.model.js.map +1 -0
- package/dist/concepts/iconography/icon.types.d.ts +4 -0
- package/dist/concepts/iconography/icon.types.d.ts.map +1 -0
- package/dist/concepts/iconography/icon.types.js +2 -0
- package/dist/concepts/iconography/icon.types.js.map +1 -0
- package/dist/concepts/iconography/index.d.ts +3 -0
- package/dist/concepts/iconography/index.d.ts.map +1 -0
- package/dist/concepts/iconography/index.js +3 -0
- package/dist/concepts/iconography/index.js.map +1 -0
- package/dist/concepts/index.d.ts +15 -0
- package/dist/concepts/index.d.ts.map +1 -0
- package/dist/concepts/index.js +15 -0
- package/dist/concepts/index.js.map +1 -0
- package/dist/concepts/layout/index.d.ts +4 -0
- package/dist/concepts/layout/index.d.ts.map +1 -0
- package/dist/concepts/layout/index.js +4 -0
- package/dist/concepts/layout/index.js.map +1 -0
- package/dist/concepts/layout/layout.helper.d.ts +5 -0
- package/dist/concepts/layout/layout.helper.d.ts.map +1 -0
- package/dist/concepts/layout/layout.helper.js +20 -0
- package/dist/concepts/layout/layout.helper.js.map +1 -0
- package/dist/concepts/layout/layout.model.d.ts +6 -0
- package/dist/concepts/layout/layout.model.d.ts.map +1 -0
- package/dist/concepts/layout/layout.model.js +2 -0
- package/dist/concepts/layout/layout.model.js.map +1 -0
- package/dist/concepts/layout/layout.types.d.ts +2 -0
- package/dist/concepts/layout/layout.types.d.ts.map +1 -0
- package/dist/concepts/layout/layout.types.js +2 -0
- package/dist/concepts/layout/layout.types.js.map +1 -0
- package/dist/concepts/masking/index.d.ts +3 -0
- package/dist/concepts/masking/index.d.ts.map +1 -0
- package/dist/concepts/masking/index.js +3 -0
- package/dist/concepts/masking/index.js.map +1 -0
- package/dist/concepts/masking/masking.model.d.ts +7 -0
- package/dist/concepts/masking/masking.model.d.ts.map +1 -0
- package/dist/concepts/masking/masking.model.js +2 -0
- package/dist/concepts/masking/masking.model.js.map +1 -0
- package/{src/core/masking/masking.types.ts → dist/concepts/masking/masking.types.d.ts} +1 -0
- package/dist/concepts/masking/masking.types.d.ts.map +1 -0
- package/dist/concepts/masking/masking.types.js +2 -0
- package/dist/concepts/masking/masking.types.js.map +1 -0
- package/dist/concepts/palette/index.d.ts +2 -0
- package/dist/concepts/palette/index.d.ts.map +1 -0
- package/dist/concepts/palette/index.js +2 -0
- package/dist/concepts/palette/index.js.map +1 -0
- package/dist/concepts/palette/palette.model.d.ts +7 -0
- package/dist/concepts/palette/palette.model.d.ts.map +1 -0
- package/dist/concepts/palette/palette.model.js +2 -0
- package/dist/concepts/palette/palette.model.js.map +1 -0
- package/dist/concepts/shadow/index.d.ts +4 -0
- package/dist/concepts/shadow/index.d.ts.map +1 -0
- package/dist/concepts/shadow/index.js +4 -0
- package/dist/concepts/shadow/index.js.map +1 -0
- package/dist/concepts/shadow/shadow.model.d.ts +10 -0
- package/dist/concepts/shadow/shadow.model.d.ts.map +1 -0
- package/dist/concepts/shadow/shadow.model.js +2 -0
- package/dist/concepts/shadow/shadow.model.js.map +1 -0
- package/dist/concepts/shadow/shadow.records.d.ts +5 -0
- package/dist/concepts/shadow/shadow.records.d.ts.map +1 -0
- package/dist/concepts/shadow/shadow.records.js +71 -0
- package/dist/concepts/shadow/shadow.records.js.map +1 -0
- package/dist/concepts/shadow/shadow.types.d.ts +3 -0
- package/dist/concepts/shadow/shadow.types.d.ts.map +1 -0
- package/dist/concepts/shadow/shadow.types.js +3 -0
- package/dist/concepts/shadow/shadow.types.js.map +1 -0
- package/dist/concepts/shadow/shadow.utils.d.ts +4 -0
- package/dist/concepts/shadow/shadow.utils.d.ts.map +1 -0
- package/dist/concepts/shadow/shadow.utils.js +8 -0
- package/dist/concepts/shadow/shadow.utils.js.map +1 -0
- package/dist/concepts/theme/index.d.ts +7 -0
- package/dist/concepts/theme/index.d.ts.map +1 -0
- package/dist/concepts/theme/index.js +7 -0
- package/dist/concepts/theme/index.js.map +1 -0
- package/dist/concepts/theme/theme.model.d.ts +18 -0
- package/dist/concepts/theme/theme.model.d.ts.map +1 -0
- package/dist/concepts/theme/theme.model.js +2 -0
- package/dist/concepts/theme/theme.model.js.map +1 -0
- package/dist/concepts/theme/theme.records.d.ts +4 -0
- package/dist/concepts/theme/theme.records.d.ts.map +1 -0
- package/{src/core/theme/theme.records.ts → dist/concepts/theme/theme.records.js} +7 -7
- package/dist/concepts/theme/theme.records.js.map +1 -0
- package/{src/core/theme/theme.types.ts → dist/concepts/theme/theme.types.d.ts} +1 -1
- package/dist/concepts/theme/theme.types.d.ts.map +1 -0
- package/dist/concepts/theme/theme.types.js +2 -0
- package/dist/concepts/theme/theme.types.js.map +1 -0
- package/dist/concepts/theme/themes/base.theme.d.ts +3 -0
- package/dist/concepts/theme/themes/base.theme.d.ts.map +1 -0
- package/dist/concepts/theme/themes/base.theme.js +250 -0
- package/dist/concepts/theme/themes/base.theme.js.map +1 -0
- package/dist/concepts/theme/themes/dark.theme.d.ts +3 -0
- package/dist/concepts/theme/themes/dark.theme.d.ts.map +1 -0
- package/dist/concepts/theme/themes/dark.theme.js +38 -0
- package/dist/concepts/theme/themes/dark.theme.js.map +1 -0
- package/dist/concepts/theme/themes/light.theme.d.ts +3 -0
- package/dist/concepts/theme/themes/light.theme.d.ts.map +1 -0
- package/dist/concepts/theme/themes/light.theme.js +7 -0
- package/dist/concepts/theme/themes/light.theme.js.map +1 -0
- package/dist/concepts/theme/themes/square.theme.d.ts +3 -0
- package/dist/concepts/theme/themes/square.theme.d.ts.map +1 -0
- package/dist/concepts/theme/themes/square.theme.js +57 -0
- package/dist/concepts/theme/themes/square.theme.js.map +1 -0
- package/dist/concepts/typography/index.d.ts +4 -0
- package/dist/concepts/typography/index.d.ts.map +1 -0
- package/dist/concepts/typography/index.js +4 -0
- package/dist/concepts/typography/index.js.map +1 -0
- package/dist/concepts/typography/text.model.d.ts +17 -0
- package/dist/concepts/typography/text.model.d.ts.map +1 -0
- package/dist/concepts/typography/text.model.js +2 -0
- package/dist/concepts/typography/text.model.js.map +1 -0
- package/dist/concepts/typography/typography.records.d.ts +3 -0
- package/dist/concepts/typography/typography.records.d.ts.map +1 -0
- package/dist/concepts/typography/typography.records.js +13 -0
- package/dist/concepts/typography/typography.records.js.map +1 -0
- package/dist/concepts/typography/typography.types.d.ts +8 -0
- package/dist/concepts/typography/typography.types.d.ts.map +1 -0
- package/dist/concepts/typography/typography.types.js +2 -0
- package/dist/concepts/typography/typography.types.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/utils/debounce.d.ts +2 -0
- package/dist/utils/debounce.d.ts.map +1 -0
- package/dist/utils/debounce.js +10 -0
- package/dist/utils/debounce.js.map +1 -0
- package/dist/utils/getValue.d.ts +3 -0
- package/dist/utils/getValue.d.ts.map +1 -0
- package/dist/utils/getValue.js +8 -0
- package/dist/utils/getValue.js.map +1 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +3 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/types.d.ts +5 -0
- package/dist/utils/types.d.ts.map +1 -0
- package/dist/utils/types.js +2 -0
- package/dist/utils/types.js.map +1 -0
- package/package.json +25 -39
- package/.editorconfig +0 -10
- package/.storybook/main.js +0 -13
- package/.storybook/preview.js +0 -24
- package/LICENSE +0 -201
- package/README.md +0 -2
- package/src/components/button/button.component.tsx +0 -18
- package/src/components/button/button.stories.tsx +0 -22
- package/src/components/card/card.component.tsx +0 -14
- package/src/core/backgrounds/background.model.ts +0 -10
- package/src/core/backgrounds/background.types.ts +0 -2
- package/src/core/color/color.helper.ts +0 -16
- package/src/core/color/color.model.ts +0 -42
- package/src/core/color/color.types.ts +0 -76
- package/src/core/container/container.component.tsx +0 -14
- package/src/core/container/container.model.ts +0 -50
- package/src/core/core.types.ts +0 -63
- package/src/core/gradients/gradiennt.helper.ts +0 -7
- package/src/core/gradients/gradient.model.ts +0 -7
- package/src/core/gradients/gradient.types.ts +0 -0
- package/src/core/iconography/icon.model.ts +0 -8
- package/src/core/iconography/icon.types.ts +0 -68
- package/src/core/layout/layout.types.ts +0 -5
- package/src/core/masking/masking.model.ts +0 -7
- package/src/core/shadow/shadow.types.ts +0 -9
- package/src/core/theme/theme.context.tsx +0 -10
- package/src/core/theme/theme.hook.tsx +0 -18
- package/src/core/theme/theme.model.ts +0 -12
- package/src/core/theme/theme.provider.tsx +0 -56
- package/src/core/theme/themes/dark.theme.ts +0 -9
- package/src/core/theme/themes/light.theme.ts +0 -13
- package/src/core/typography/typography.types.ts +0 -10
- package/src/stories/Button.stories.tsx +0 -54
- package/src/stories/Button.tsx +0 -48
- package/src/stories/Header.stories.tsx +0 -25
- package/src/stories/Header.tsx +0 -56
- package/src/stories/Introduction.stories.mdx +0 -211
- package/src/stories/Page.stories.tsx +0 -26
- package/src/stories/Page.tsx +0 -73
- package/src/stories/assets/code-brackets.svg +0 -1
- package/src/stories/assets/colors.svg +0 -1
- package/src/stories/assets/comments.svg +0 -1
- package/src/stories/assets/direction.svg +0 -1
- package/src/stories/assets/flow.svg +0 -1
- package/src/stories/assets/plugin.svg +0 -1
- package/src/stories/assets/repo.svg +0 -1
- package/src/stories/assets/stackalt.svg +0 -1
- package/src/stories/button.css +0 -30
- package/src/stories/header.css +0 -32
- package/src/stories/page.css +0 -69
- package/tsconfig.json +0 -19
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.records.d.ts","sourceRoot":"","sources":["../../../src/concepts/theme/theme.records.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAKtC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAI/C,CAAC;AAGF,eAAO,MAAM,cAAc,QAAgC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ThemeModel } from './theme.model';
|
|
2
1
|
import { DarkTheme } from './themes/dark.theme';
|
|
3
2
|
import { LightTheme } from './themes/light.theme';
|
|
4
|
-
|
|
5
|
-
export const BuiltInThemes
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
import { SquareTheme } from './themes/square.theme';
|
|
4
|
+
export const BuiltInThemes = {
|
|
5
|
+
LightTheme,
|
|
6
|
+
DarkTheme,
|
|
7
|
+
SquareTheme,
|
|
8
|
+
};
|
|
10
9
|
// First Theme is default.
|
|
11
10
|
export const DefaultThemeId = Object.keys(BuiltInThemes)[0];
|
|
11
|
+
//# sourceMappingURL=theme.records.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.records.js","sourceRoot":"","sources":["../../../src/concepts/theme/theme.records.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,UAAU;IACV,SAAS;IACT,WAAW;CACZ,CAAC;AAEF,0BAA0B;AAC1B,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/concepts/theme/theme.types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.types.js","sourceRoot":"","sources":["../../../src/concepts/theme/theme.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.theme.d.ts","sourceRoot":"","sources":["../../../../src/concepts/theme/themes/base.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAoBvC,eAAO,MAAM,SAAS,EAAE,KA0OvB,CAAC"}
|
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
const BaseButton = {
|
|
2
|
+
borderRadius: 100,
|
|
3
|
+
color: 'primary-container',
|
|
4
|
+
contentColor: 'on-primary-container',
|
|
5
|
+
verticalPadding: { xs: 5, sm: 8, md: 12, lg: 16, xl: 20 },
|
|
6
|
+
horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
|
|
7
|
+
};
|
|
8
|
+
const BaseContainer = {
|
|
9
|
+
color: 'primary-container',
|
|
10
|
+
contentColor: 'on-primary-container',
|
|
11
|
+
borderRadii: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
|
|
12
|
+
horizontalPadding: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
|
|
13
|
+
contentSpacing: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
|
|
14
|
+
};
|
|
15
|
+
export const BaseTheme = {
|
|
16
|
+
id: 'BaseTheme',
|
|
17
|
+
name: 'Base Theme',
|
|
18
|
+
colors: {
|
|
19
|
+
primary: '#6750A4',
|
|
20
|
+
'on-primary': '#FFFFFF',
|
|
21
|
+
'primary-container': '#EADDFF',
|
|
22
|
+
'on-primary-container': '#21005E',
|
|
23
|
+
secondary: '#625B71',
|
|
24
|
+
'on-secondary': '#FFFFFF',
|
|
25
|
+
'secondary-container': '#E8DEF8',
|
|
26
|
+
'on-secondary-container': '#1E192B',
|
|
27
|
+
tertiary: '#7D5260',
|
|
28
|
+
'on-tertiary': '#FFFFFF',
|
|
29
|
+
'tertiary-container': '#FFD8E4',
|
|
30
|
+
'on-tertiary-container': '#370B1E',
|
|
31
|
+
error: '#B3261E',
|
|
32
|
+
'on-error': '#FFFFFF',
|
|
33
|
+
'error-container': '#F9DEDC',
|
|
34
|
+
'on-error-container': '#370B1E',
|
|
35
|
+
background: '#FFFBFE',
|
|
36
|
+
'on-background': '#1C1B1F',
|
|
37
|
+
surface: '#FFFBFE',
|
|
38
|
+
'on-surface': '#1C1B1F',
|
|
39
|
+
'surface-variant': '#E7E0EC',
|
|
40
|
+
'on-surface-variant': '#49454E',
|
|
41
|
+
outline: '#79747E',
|
|
42
|
+
shadow: '#000000',
|
|
43
|
+
'surface-tint': '#6750A4',
|
|
44
|
+
'inverse-surface': '#313033',
|
|
45
|
+
'on-inverse-surface': '#F4EFF4',
|
|
46
|
+
'on-inverse-surface-primary': '#D0BCFF',
|
|
47
|
+
scrim: '#000000',
|
|
48
|
+
transparent: 'rgba(0,0,0,0)',
|
|
49
|
+
},
|
|
50
|
+
typography: {
|
|
51
|
+
'display-large': {
|
|
52
|
+
fontFamily: 'Red Hat Display',
|
|
53
|
+
fontSize: 57,
|
|
54
|
+
lineHeight: 64,
|
|
55
|
+
fontWeight: 'normal',
|
|
56
|
+
letterSpacing: -0.25,
|
|
57
|
+
},
|
|
58
|
+
'display-medium': {
|
|
59
|
+
fontFamily: 'Red Hat Display',
|
|
60
|
+
fontSize: 45,
|
|
61
|
+
lineHeight: 52,
|
|
62
|
+
fontWeight: 'normal',
|
|
63
|
+
},
|
|
64
|
+
'display-small': {
|
|
65
|
+
fontFamily: 'Red Hat Display',
|
|
66
|
+
fontSize: 36,
|
|
67
|
+
lineHeight: 44,
|
|
68
|
+
fontWeight: 'normal',
|
|
69
|
+
},
|
|
70
|
+
'headline-large': {
|
|
71
|
+
fontFamily: 'Red Hat Display',
|
|
72
|
+
fontSize: 32,
|
|
73
|
+
lineHeight: 40,
|
|
74
|
+
fontWeight: 'normal',
|
|
75
|
+
},
|
|
76
|
+
'headline-medium': {
|
|
77
|
+
fontFamily: 'Red Hat Display',
|
|
78
|
+
fontSize: 28,
|
|
79
|
+
lineHeight: 36,
|
|
80
|
+
fontWeight: 'normal',
|
|
81
|
+
},
|
|
82
|
+
'headline-small': {
|
|
83
|
+
fontFamily: 'Red Hat Display',
|
|
84
|
+
fontSize: 24,
|
|
85
|
+
lineHeight: 32,
|
|
86
|
+
fontWeight: 'normal',
|
|
87
|
+
},
|
|
88
|
+
'title-large': {
|
|
89
|
+
fontFamily: 'Red Hat Display',
|
|
90
|
+
fontSize: 22,
|
|
91
|
+
lineHeight: 28,
|
|
92
|
+
fontWeight: 'normal',
|
|
93
|
+
},
|
|
94
|
+
'title-medium': {
|
|
95
|
+
fontFamily: 'Red Hat Display',
|
|
96
|
+
fontSize: 16,
|
|
97
|
+
lineHeight: 24,
|
|
98
|
+
fontWeight: 'medium',
|
|
99
|
+
letterSpacing: 0.15,
|
|
100
|
+
},
|
|
101
|
+
'title-small': {
|
|
102
|
+
fontFamily: 'Red Hat Display',
|
|
103
|
+
fontWeight: 'medium',
|
|
104
|
+
fontSize: 14,
|
|
105
|
+
lineHeight: 20,
|
|
106
|
+
letterSpacing: 0.1,
|
|
107
|
+
},
|
|
108
|
+
'body-1-long': {
|
|
109
|
+
fontFamily: 'Roboto',
|
|
110
|
+
fontSize: 16,
|
|
111
|
+
lineHeight: 22,
|
|
112
|
+
},
|
|
113
|
+
'body-1-short': {
|
|
114
|
+
fontFamily: 'Roboto',
|
|
115
|
+
fontSize: 16,
|
|
116
|
+
lineHeight: 24,
|
|
117
|
+
},
|
|
118
|
+
'body-2-long': {
|
|
119
|
+
fontFamily: 'Roboto',
|
|
120
|
+
fontSize: 14,
|
|
121
|
+
lineHeight: 18,
|
|
122
|
+
},
|
|
123
|
+
'body-2-short': {
|
|
124
|
+
fontFamily: 'Roboto',
|
|
125
|
+
fontSize: 14,
|
|
126
|
+
lineHeight: 20,
|
|
127
|
+
},
|
|
128
|
+
'subtitle-1': {
|
|
129
|
+
fontFamily: 'Red Hat Display',
|
|
130
|
+
fontSize: 16,
|
|
131
|
+
lineHeight: 24,
|
|
132
|
+
letterSpacing: 0.15,
|
|
133
|
+
},
|
|
134
|
+
'subtitle-2': {
|
|
135
|
+
fontFamily: 'Red Hat Display',
|
|
136
|
+
fontSize: 14,
|
|
137
|
+
lineHeight: 20,
|
|
138
|
+
fontWeight: 'medium',
|
|
139
|
+
letterSpacing: 0.1,
|
|
140
|
+
},
|
|
141
|
+
label: {
|
|
142
|
+
fontFamily: 'Roboto',
|
|
143
|
+
fontSize: 14,
|
|
144
|
+
lineHeight: 20,
|
|
145
|
+
},
|
|
146
|
+
button: {
|
|
147
|
+
fontFamily: 'Red Hat Display',
|
|
148
|
+
fontSize: 14,
|
|
149
|
+
lineHeight: 20,
|
|
150
|
+
fontWeight: 'medium',
|
|
151
|
+
textTransform: 'capitalize',
|
|
152
|
+
},
|
|
153
|
+
caption: {
|
|
154
|
+
fontFamily: 'Roboto',
|
|
155
|
+
fontSize: 12,
|
|
156
|
+
lineHeight: 18,
|
|
157
|
+
letterSpacing: 0.4,
|
|
158
|
+
},
|
|
159
|
+
overline: {
|
|
160
|
+
fontFamily: 'Red Hat Display',
|
|
161
|
+
fontSize: 10,
|
|
162
|
+
lineHeight: 18,
|
|
163
|
+
letterSpacing: 1.5,
|
|
164
|
+
textTransform: 'uppercase',
|
|
165
|
+
},
|
|
166
|
+
paragraph: {
|
|
167
|
+
fontFamily: 'Roboto',
|
|
168
|
+
fontSize: 16,
|
|
169
|
+
lineHeight: 24,
|
|
170
|
+
},
|
|
171
|
+
quote: {
|
|
172
|
+
fontFamily: 'Roboto',
|
|
173
|
+
fontSize: 16,
|
|
174
|
+
lineHeight: 24,
|
|
175
|
+
},
|
|
176
|
+
note: {
|
|
177
|
+
fontFamily: 'Roboto',
|
|
178
|
+
fontSize: 14,
|
|
179
|
+
lineHeight: 22,
|
|
180
|
+
fontStyle: 'italic',
|
|
181
|
+
},
|
|
182
|
+
},
|
|
183
|
+
buttons: {
|
|
184
|
+
elevated: {
|
|
185
|
+
...BaseButton,
|
|
186
|
+
color: 'surface',
|
|
187
|
+
contentColor: 'on-surface',
|
|
188
|
+
shadowElevation: 'raised',
|
|
189
|
+
},
|
|
190
|
+
filled: {
|
|
191
|
+
...BaseButton,
|
|
192
|
+
color: 'primary',
|
|
193
|
+
},
|
|
194
|
+
'filled-secondary': {
|
|
195
|
+
...BaseButton,
|
|
196
|
+
color: 'secondary',
|
|
197
|
+
contentColor: 'on-secondary',
|
|
198
|
+
},
|
|
199
|
+
outlined: {
|
|
200
|
+
...BaseButton,
|
|
201
|
+
color: 'transparent',
|
|
202
|
+
borderColor: 'primary',
|
|
203
|
+
contentColor: 'on-primary',
|
|
204
|
+
borderWidth: 1,
|
|
205
|
+
},
|
|
206
|
+
text: {
|
|
207
|
+
...BaseButton,
|
|
208
|
+
color: 'transparent',
|
|
209
|
+
contentColor: 'on-surface',
|
|
210
|
+
},
|
|
211
|
+
icon: {
|
|
212
|
+
...BaseButton,
|
|
213
|
+
color: 'transparent',
|
|
214
|
+
contentColor: 'on-surface',
|
|
215
|
+
horizontalPadding: BaseButton.verticalPadding,
|
|
216
|
+
},
|
|
217
|
+
'floating-action': {
|
|
218
|
+
...BaseButton,
|
|
219
|
+
color: 'secondary',
|
|
220
|
+
contentColor: 'on-secondary',
|
|
221
|
+
borderRadii: { xs: 5, sm: 8, md: 12, lg: 16, xl: 12 },
|
|
222
|
+
shadowElevation: 'navigation',
|
|
223
|
+
verticalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
|
|
224
|
+
horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
|
|
225
|
+
},
|
|
226
|
+
},
|
|
227
|
+
containers: {
|
|
228
|
+
card: {
|
|
229
|
+
...BaseContainer,
|
|
230
|
+
color: 'surface',
|
|
231
|
+
contentColor: 'on-surface',
|
|
232
|
+
shadowMode: 'interactive',
|
|
233
|
+
},
|
|
234
|
+
screen: {
|
|
235
|
+
...BaseContainer,
|
|
236
|
+
color: 'background',
|
|
237
|
+
contentColor: 'on-background',
|
|
238
|
+
},
|
|
239
|
+
modal: {
|
|
240
|
+
...BaseContainer,
|
|
241
|
+
borderRadii: { xs: 16, sm: 22, md: 28, lg: 32, xl: 38 },
|
|
242
|
+
color: 'surface',
|
|
243
|
+
contentColor: 'on-surface',
|
|
244
|
+
shadowMode: 'static',
|
|
245
|
+
shadowElevation: 'modal',
|
|
246
|
+
maxWidth: 560,
|
|
247
|
+
},
|
|
248
|
+
},
|
|
249
|
+
};
|
|
250
|
+
//# sourceMappingURL=base.theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../src/concepts/theme/themes/base.theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dark.theme.d.ts","sourceRoot":"","sources":["../../../../src/concepts/theme/themes/dark.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,eAAO,MAAM,SAAS,EAAE,KAmCvB,CAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { BaseTheme } from './base.theme';
|
|
2
|
+
export const DarkTheme = {
|
|
3
|
+
...BaseTheme,
|
|
4
|
+
id: 'DarkTheme',
|
|
5
|
+
name: 'Dark Theme',
|
|
6
|
+
colors: {
|
|
7
|
+
'primary': '#D0BCFF',
|
|
8
|
+
'on-primary': '#371E73',
|
|
9
|
+
'primary-container': '#4F378B',
|
|
10
|
+
'on-primary-container': '#EADDFF',
|
|
11
|
+
'secondary': '#CCC2DC',
|
|
12
|
+
'on-secondary': '#332D41',
|
|
13
|
+
'secondary-container': '#4A4458',
|
|
14
|
+
'on-secondary-container': '#E8DEF8',
|
|
15
|
+
'tertiary': '#EFB8C8',
|
|
16
|
+
'on-tertiary': '#492532',
|
|
17
|
+
'tertiary-container': '#633B48',
|
|
18
|
+
'on-tertiary-container': '#FFD8E4',
|
|
19
|
+
'error': '#F2B8B5',
|
|
20
|
+
'on-error': '#601410',
|
|
21
|
+
'error-container': '#8C1D18',
|
|
22
|
+
'on-error-container': '#F9DEDC',
|
|
23
|
+
'background': '#1C1B1F',
|
|
24
|
+
'on-background': '#E6E1E5',
|
|
25
|
+
'surface': '#1C1B1F',
|
|
26
|
+
'on-surface': '#E6E1E5',
|
|
27
|
+
'surface-variant': '#49454F',
|
|
28
|
+
'on-surface-variant': '#CAC4D0',
|
|
29
|
+
'outline': '#938F99',
|
|
30
|
+
'shadow': '#000000',
|
|
31
|
+
'surface-tint': '#D0BCFF',
|
|
32
|
+
'inverse-surface': '#E6E1E5',
|
|
33
|
+
'inverse-on-surface': '#313033',
|
|
34
|
+
'inverse-on-surface-primary': '#6750A4',
|
|
35
|
+
'transparent': 'rgba(0,0,0,0)'
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=dark.theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../src/concepts/theme/themes/dark.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,GAAG,SAAS;IACZ,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,mBAAmB,EAAE,SAAS;QAC9B,sBAAsB,EAAE,SAAS;QACjC,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,qBAAqB,EAAE,SAAS;QAChC,wBAAwB,EAAE,SAAS;QACnC,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,oBAAoB,EAAE,SAAS;QAC/B,uBAAuB,EAAE,SAAS;QAClC,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,4BAA4B,EAAE,SAAS;QACvC,aAAa,EAAE,eAAe;KAC/B;CACF,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"light.theme.d.ts","sourceRoot":"","sources":["../../../../src/concepts/theme/themes/light.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"light.theme.js","sourceRoot":"","sources":["../../../../src/concepts/theme/themes/light.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,GAAG,SAAS;IACZ,EAAE,EAAE,YAAY;IAChB,IAAI,EAAE,aAAa;CACpB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"square.theme.d.ts","sourceRoot":"","sources":["../../../../src/concepts/theme/themes/square.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAYvC,eAAO,MAAM,WAAW,EAAE,KA+CzB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { BaseTheme } from './base.theme';
|
|
2
|
+
const SquareBaseButton = {
|
|
3
|
+
borderRadius: 3,
|
|
4
|
+
color: 'primary-container',
|
|
5
|
+
contentColor: 'on-primary-container',
|
|
6
|
+
verticalPadding: { xs: 5, sm: 8, md: 12, lg: 16, xl: 20 },
|
|
7
|
+
horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
|
|
8
|
+
};
|
|
9
|
+
export const SquareTheme = {
|
|
10
|
+
...BaseTheme,
|
|
11
|
+
id: 'SquareTheme',
|
|
12
|
+
name: 'Square Theme',
|
|
13
|
+
buttons: {
|
|
14
|
+
elevated: {
|
|
15
|
+
...SquareBaseButton,
|
|
16
|
+
color: 'surface',
|
|
17
|
+
contentColor: 'on-surface',
|
|
18
|
+
shadowElevation: 'raised',
|
|
19
|
+
},
|
|
20
|
+
filled: {
|
|
21
|
+
...SquareBaseButton,
|
|
22
|
+
color: 'primary',
|
|
23
|
+
},
|
|
24
|
+
'filled-secondary': {
|
|
25
|
+
...SquareBaseButton,
|
|
26
|
+
color: 'secondary',
|
|
27
|
+
contentColor: 'on-secondary',
|
|
28
|
+
},
|
|
29
|
+
outlined: {
|
|
30
|
+
...SquareBaseButton,
|
|
31
|
+
color: 'transparent',
|
|
32
|
+
borderColor: 'primary',
|
|
33
|
+
contentColor: 'on-primary',
|
|
34
|
+
borderWidth: 1,
|
|
35
|
+
},
|
|
36
|
+
text: {
|
|
37
|
+
...SquareBaseButton,
|
|
38
|
+
color: 'transparent',
|
|
39
|
+
contentColor: 'on-surface',
|
|
40
|
+
},
|
|
41
|
+
icon: {
|
|
42
|
+
...SquareBaseButton,
|
|
43
|
+
color: 'transparent',
|
|
44
|
+
contentColor: 'on-surface',
|
|
45
|
+
},
|
|
46
|
+
'floating-action': {
|
|
47
|
+
...SquareBaseButton,
|
|
48
|
+
color: 'secondary',
|
|
49
|
+
contentColor: 'on-secondary',
|
|
50
|
+
borderRadii: { xs: 5, sm: 8, md: 12, lg: 16, xl: 12 },
|
|
51
|
+
shadowElevation: 'navigation',
|
|
52
|
+
verticalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
|
|
53
|
+
horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=square.theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"square.theme.js","sourceRoot":"","sources":["../../../../src/concepts/theme/themes/square.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,gBAAgB,GAAW;IAC/B,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,mBAAmB;IAC1B,YAAY,EAAE,sBAAsB;IACpC,eAAe,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IACzD,iBAAiB,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,GAAG,SAAS;IACZ,EAAE,EAAE,aAAa;IACjB,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE;QACP,QAAQ,EAAE;YACR,GAAG,gBAAgB;YACnB,KAAK,EAAE,SAAS;YAChB,YAAY,EAAE,YAAY;YAC1B,eAAe,EAAE,QAAQ;SAC1B;QACD,MAAM,EAAE;YACN,GAAG,gBAAgB;YACnB,KAAK,EAAE,SAAS;SACjB;QACD,kBAAkB,EAAE;YAClB,GAAG,gBAAgB;YACnB,KAAK,EAAE,WAAW;YAClB,YAAY,EAAE,cAAc;SAC7B;QACD,QAAQ,EAAE;YACR,GAAG,gBAAgB;YACnB,KAAK,EAAE,aAAa;YACpB,WAAW,EAAE,SAAS;YACtB,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,CAAC;SACf;QACD,IAAI,EAAE;YACJ,GAAG,gBAAgB;YACnB,KAAK,EAAE,aAAa;YACpB,YAAY,EAAE,YAAY;SAC3B;QACD,IAAI,EAAE;YACJ,GAAG,gBAAgB;YACnB,KAAK,EAAE,aAAa;YACpB,YAAY,EAAE,YAAY;SAC3B;QACD,iBAAiB,EAAE;YACjB,GAAG,gBAAgB;YACnB,KAAK,EAAE,WAAW;YAClB,YAAY,EAAE,cAAc;YAC5B,WAAW,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;YACrD,eAAe,EAAE,YAAY;YAC7B,eAAe,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;YAC1D,iBAAiB,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;SAC7D;KACF;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/concepts/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/concepts/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FontWeight, TextDecoration, TextTransform } from './typography.types';
|
|
2
|
+
import { SizeMap } from '../core.types';
|
|
3
|
+
export interface TextStyle {
|
|
4
|
+
fontFamily: string;
|
|
5
|
+
fontSize: number;
|
|
6
|
+
lineHeight: number;
|
|
7
|
+
fontScale?: SizeMap;
|
|
8
|
+
fontWeight?: FontWeight;
|
|
9
|
+
fontStyle?: 'italic';
|
|
10
|
+
textTransform?: TextTransform;
|
|
11
|
+
textDecoration?: TextDecoration;
|
|
12
|
+
letterSpacing?: number;
|
|
13
|
+
textIndent?: number;
|
|
14
|
+
wordSpacing?: number;
|
|
15
|
+
whiteSpace?: 'nowrap';
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=text.model.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.model.d.ts","sourceRoot":"","sources":["../../../src/concepts/typography/text.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,WAAW,SAAS;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,QAAQ,CAAC;CACvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.model.js","sourceRoot":"","sources":["../../../src/concepts/typography/text.model.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.records.d.ts","sourceRoot":"","sources":["../../../src/concepts/typography/typography.records.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAWpD,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export const FontWeightMap = {
|
|
2
|
+
thin: 100,
|
|
3
|
+
'extra-light': 200,
|
|
4
|
+
light: 200,
|
|
5
|
+
normal: 400,
|
|
6
|
+
medium: 500,
|
|
7
|
+
'semi-bold': 600,
|
|
8
|
+
bold: 700,
|
|
9
|
+
'extra-bold': 800,
|
|
10
|
+
black: 900,
|
|
11
|
+
'extra-black': 950
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=typography.records.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.records.js","sourceRoot":"","sources":["../../../src/concepts/typography/typography.records.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAA+B;IACvD,IAAI,EAAE,GAAG;IACT,aAAa,EAAE,GAAG;IAClB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,GAAG;IACX,WAAW,EAAE,GAAG;IAChB,IAAI,EAAE,GAAG;IACT,YAAY,EAAE,GAAG;IACjB,KAAK,EAAE,GAAG;IACV,aAAa,EAAE,GAAG;CACnB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type classes = 'sanserif' | 'serif' | 'slab' | 'script' | 'display' | 'monospace';
|
|
2
|
+
export type families = 'Open-Sans' | 'Times-New-Roman' | 'Noto-Serif-Display';
|
|
3
|
+
export type FontWeight = 'thin' | 'extra-light' | 'light' | 'normal' | 'medium' | 'semi-bold' | 'bold' | 'extra-bold' | 'black' | 'extra-black' | number;
|
|
4
|
+
export type placement = 'overline' | 'title' | 'underline' | 'body' | 'label' | 'note' | 'footer';
|
|
5
|
+
export type TextRole = 'display-large' | 'display-medium' | 'display-small' | 'headline-large' | 'headline-medium' | 'headline-small' | 'title-large' | 'title-medium' | 'title-small' | 'body-1-long' | 'body-1-short' | 'body-2-long' | 'body-2-short' | 'subtitle-1' | 'subtitle-2' | 'label' | 'button' | 'caption' | 'overline' | 'paragraph' | 'quote' | 'note';
|
|
6
|
+
export type TextDecoration = 'overline' | 'line-through' | 'underline' | 'overline-underline';
|
|
7
|
+
export type TextTransform = 'uppercase' | 'lowercase' | 'capitalize';
|
|
8
|
+
//# sourceMappingURL=typography.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.types.d.ts","sourceRoot":"","sources":["../../../src/concepts/typography/typography.types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AAEzF,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AAE9E,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,aAAa,GACb,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,MAAM,GACN,YAAY,GACZ,OAAO,GACP,aAAa,GACb,MAAM,CACP;AAEH,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElG,MAAM,MAAM,QAAQ,GAChB,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,aAAa,GACb,aAAa,GACb,cAAc,GACd,aAAa,GACb,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,GACX,OAAO,GACP,MAAM,CACP;AAEH,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,cAAc,GACd,WAAW,GACX,oBAAoB,CACrB;AAEH,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,YAAY,CACb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.types.js","sourceRoot":"","sources":["../../../src/concepts/typography/typography.types.ts"],"names":[],"mappings":""}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,EAClE,UAAU,CAAC,EACX,SAAS,MAAM,KACd,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASnC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,QAAW,EACX,OAAe,EACqB,EAAE;IACtC,IAAI,KAAoC,CAAC;IAEzC,OAAO,CAAC,GAAG,IAAmB,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getValue.d.ts","sourceRoot":"","sources":["../../src/utils/getValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,wBAAgB,QAAQ,CACtB,KAAK,EACL,KAAK,SAAS,MAAM,EACpB,QAAQ,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,EAErC,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,KAAK,EACX,YAAY,CAAC,EAAE,QAAQ,GACtB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,QAAQ,CAUvC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getValue.js","sourceRoot":"","sources":["../../src/utils/getValue.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CAKtB,IAAW,EACX,IAAW,EACX,YAAuB;IAEvB,MAAM,KAAK,GAAG,IAAI;SACf,KAAK,CAAC,QAAQ,CAAC;SACf,MAAM,CAAC,OAAO,CAAC;SACf,MAAM,CACL,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAE,KAAa,EAAE,CAAC,GAAG,CAAC,EACrC,IAAW,CACZ,CAAC;IAEJ,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAE,YAAyB,CAAC;AAClE,CAAC"}
|