@tekus/design-system 5.1.3 → 5.3.0

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.
Files changed (24) hide show
  1. package/assets/readme-images/tk-modal-anatomy.png +0 -0
  2. package/assets/readme-images/tk-modal-basic.png +0 -0
  3. package/assets/readme-images/tk-modal-full.png +0 -0
  4. package/components/date-picker/index.d.ts +5 -0
  5. package/components/date-picker/public-api.d.ts +1 -0
  6. package/components/date-picker/src/date-picker.component.d.ts +156 -0
  7. package/components/modal/index.d.ts +5 -0
  8. package/components/modal/public-api.d.ts +3 -0
  9. package/components/modal/src/modal.component.d.ts +83 -0
  10. package/components/modal/src/modal.types.d.ts +16 -0
  11. package/components/modal/src/services/modal.service.d.ts +16 -0
  12. package/fesm2022/tekus-design-system-components-button.mjs +2 -2
  13. package/fesm2022/tekus-design-system-components-button.mjs.map +1 -1
  14. package/fesm2022/tekus-design-system-components-date-picker.mjs +266 -0
  15. package/fesm2022/tekus-design-system-components-date-picker.mjs.map +1 -0
  16. package/fesm2022/tekus-design-system-components-fallback-view.mjs +2 -2
  17. package/fesm2022/tekus-design-system-components-fallback-view.mjs.map +1 -1
  18. package/fesm2022/tekus-design-system-components-modal.mjs +178 -0
  19. package/fesm2022/tekus-design-system-components-modal.mjs.map +1 -0
  20. package/fesm2022/tekus-design-system-core-types.mjs +83 -60
  21. package/fesm2022/tekus-design-system-core-types.mjs.map +1 -1
  22. package/fesm2022/tekus-design-system-core.mjs +83 -60
  23. package/fesm2022/tekus-design-system-core.mjs.map +1 -1
  24. package/package.json +9 -1
package/fesm2022/tekus-design-system-core.mjs CHANGED
@@ -47,34 +47,48 @@ const Breakpoints = {
47
47
  const TkPreset = definePreset(Aura, {
48
48
  semantic: {
49
49
  primary: {
50
- 500: 'var(--tk-color-base-primary-500)',
51
- 400: 'var(--tk-color-base-primary-400)',
50
+ 50: 'var(--tk-color-base-primary-50)',
51
+ 100: 'var(--tk-color-base-primary-100)',
52
+ 200: 'var(--tk-color-base-primary-200)',
52
53
  300: 'var(--tk-color-base-primary-300)',
54
+ 400: 'var(--tk-color-base-primary-400)',
55
+ 500: 'var(--tk-color-base-primary-500)',
56
+ 600: 'var(--tk-color-base-primary-600)',
57
+ 700: 'var(--tk-color-base-primary-700)',
58
+ 800: 'var(--tk-color-base-primary-800)',
59
+ 900: 'var(--tk-color-base-primary-900)',
60
+ 950: 'var(--tk-color-base-primary-950)',
61
+ },
62
+ red: {
63
+ 50: 'var(--tk-color-base-red-50)',
64
+ 100: 'var(--tk-color-base-red-100)',
65
+ 200: 'var(--tk-color-base-red-200)',
66
+ 300: 'var(--tk-color-base-red-300)',
67
+ 400: 'var(--tk-color-base-red-400)',
68
+ 500: 'var(--tk-color-base-red-500)',
69
+ 600: 'var(--tk-color-base-red-600)',
70
+ 700: 'var(--tk-color-base-red-700)',
71
+ 800: 'var(--tk-color-base-red-800)',
72
+ 900: 'var(--tk-color-base-red-900)',
73
+ 950: 'var(--tk-color-base-red-950)',
53
74
  },
54
75
  surface: {
55
76
  0: 'var(--tk-color-base-surface-0)',
56
- },
57
- text: {
58
- default: 'var(--tk-color-text-default)',
77
+ 50: 'var(--tk-color-base-surface-50)',
78
+ 100: 'var(--tk-color-base-surface-100)',
79
+ 200: 'var(--tk-color-base-surface-200)',
80
+ 300: 'var(--tk-color-base-surface-300)',
81
+ 400: 'var(--tk-color-base-surface-400)',
82
+ 500: 'var(--tk-color-base-surface-500)',
83
+ 600: 'var(--tk-color-base-surface-600)',
84
+ 700: 'var(--tk-color-base-surface-700)',
85
+ 800: 'var(--tk-color-base-surface-800)',
86
+ 900: 'var(--tk-color-base-surface-900)',
87
+ 950: 'var(--tk-color-base-surface-950)',
59
88
  },
60
89
  },
61
90
  font: {
62
- family: 'var(tk-font-family)',
63
- size: {
64
- md: 'var(--tk-font-size-base-150)',
65
- '2xs': 'var(--tk-font-size-base-100)',
66
- },
67
- weight: {
68
- regular: 'var(--tk-font-weight-400)',
69
- medium: '500',
70
- bold: 'var(--tk-font-weight-600)',
71
- },
72
- },
73
- spacing: {
74
- 3: 'var(--tk-spacing-base-75)',
75
- 4: 'var(--tk-spacing-base-100)',
76
- 6: 'var(--tk-spacing-base-150)',
77
- 8: 'var(--tk-spacing-base-200)',
91
+ family: 'var(--tk-font-family)',
78
92
  },
79
93
  components: {
80
94
  button: {
@@ -89,53 +103,61 @@ const TkPreset = definePreset(Aura, {
89
103
  },
90
104
  colorScheme: {
91
105
  light: {
92
- primary: {
93
- background: '{primary.500}',
94
- color: '{surface.0}',
95
- hoverBackground: '{primary.400}',
96
- hoverColor: '{surface.0}',
97
- activeBackground: '{primary.400}',
98
- activeColor: '{surface.0}',
99
- borderColor: 'transparent',
100
- hoverBorderColor: 'transparent',
101
- activeBorderColor: 'transparent',
106
+ root: {
107
+ primary: {
108
+ hoverBackground: 'var(--tk-color-base-primary-400)',
109
+ activeBackground: 'var(--tk-color-base-primary-400)',
110
+ hoverBorderColor: 'transparent',
111
+ activeBorderColor: 'transparent',
112
+ },
113
+ secondary: {
114
+ background: 'var(--tk-color-base-surface-0)',
115
+ hoverBackground: 'var(--tk-color-base-surface-100)',
116
+ borderColor: 'var(--tk-color-base-surface-200)',
117
+ hoverBorderColor: 'var(--tk-color-base-surface-200)',
118
+ activeBorderColor: 'var(--tk-color-base-surface-200)',
119
+ },
102
120
  },
103
- link: {
104
- textDecoration: 'underline',
105
- background: 'none',
106
- boxShadow: 'none',
107
- color: '{primary.500}',
108
- fontSize: '{font.size.2xs}',
109
- fontWeight: '{font.weight.medium}',
110
- hoverColor: '{primary.400}',
111
- hoverBackground: 'none',
112
- activeColor: '{primary.300}',
113
- activeBackground: 'none',
121
+ text: {
122
+ secondary: {
123
+ hoverBackground: 'var(--tk-color-base-surface-200)',
124
+ activeBackground: 'var(--tk-color-base-surface-200)',
125
+ },
114
126
  },
115
127
  },
116
128
  dark: {
117
129
  primary: {
118
- background: '{primary.500}',
119
- color: '{surface.0}',
120
- hoverBackground: '{primary.400}',
121
- hoverColor: '{surface.0}',
122
- activeBackground: '{primary.400}',
123
- activeColor: '{surface.0}',
130
+ background: 'var(--tk-color-base-primary-500)',
131
+ hoverBackground: 'var(--tk-color-base-primary-400)',
132
+ activeBackground: 'var(--tk-color-base-primary-400)',
124
133
  borderColor: 'transparent',
125
134
  hoverBorderColor: 'transparent',
126
135
  activeBorderColor: 'transparent',
127
136
  },
128
- link: {
129
- textDecoration: 'underline',
130
- background: 'none',
131
- boxShadow: 'none',
132
- color: '{primary.500}',
133
- fontSize: '{font.size.2xs}',
134
- fontWeight: '{font.weight.medium}',
135
- hoverColor: '{primary.400}',
136
- hoverBackground: 'none',
137
- activeColor: '{primary.300}',
138
- activeBackground: 'none',
137
+ secondary: {
138
+ background: 'var(--tk-color-base-surface-0)',
139
+ hoverBackground: 'var(--tk-color-base-surface-200)',
140
+ borderColor: 'var(--tk-color-base-surface-200)',
141
+ hoverBorderColor: 'var(--tk-color-base-surface-200)',
142
+ activeBorderColor: 'var(--tk-color-base-surface-200)',
143
+ },
144
+ danger: {
145
+ background: 'var(--tk-color-base-red-500)',
146
+ hoverBackground: 'var(--tk-color-base-red-600)',
147
+ activeBackground: 'var(--tk-color-base-red-700)',
148
+ borderColor: 'var(--tk-color-base-red-500)',
149
+ hoverBorderColor: 'var(--tk-color-base-red-600)',
150
+ activeBorderColor: 'var(--tk-color-base-red-700)',
151
+ },
152
+ },
153
+ },
154
+ },
155
+ dialog: {
156
+ colorScheme: {
157
+ dark: {
158
+ root: {
159
+ background: 'var(--tk-color-base-surface-0)',
160
+ borderColor: 'var(--tk-color-base-surface-200)',
139
161
  },
140
162
  },
141
163
  },
@@ -161,7 +183,8 @@ function themeFactory(config, document) {
161
183
  preset: TkPreset,
162
184
  options: {
163
185
  prefix: 'tk',
164
- darkMode: false
186
+ darkMode: false,
187
+ darkModeSelector: false,
165
188
  },
166
189
  });
167
190
  };
package/fesm2022/tekus-design-system-core.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tekus-design-system-core.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/tekus-design-system-core.ts"],"sourcesContent":["enum GapGutter {\n normal = '24px',\n small = '16px',\n large = '32px',\n extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n large = '32px',\n medium = '24px',\n small = '16px'\n}\n\nenum Gutter {\n normal = 'normal',\n small = 'small',\n large = 'large',\n extraLarge = 'extraLarge',\n\n}\n\nexport {\n Gutter,\n GapGutter,\n PaddingGridContainer\n}","export const Breakpoints = {\n // Covers all devices with a width less than or equal to 360px.\n mobileSmall: '(max-width: 360px)',\n\n // For small phones (e.g., most modern cell phones)\n mobile: '(min-width: 361px) and (max-width: 424px)',\n\n // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n // Vertical tablets and medium-sized devices\n tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n // Tablets in landscape mode\n tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n // Laptops and small desktops\n desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n // Large desks\n desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n // Ultra-wide screens\n desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeng/themes';\nimport Aura from '@primeng/themes/aura';\n\nexport const TkPreset = definePreset(Aura, {\n semantic: {\n primary: {\n 500: 'var(--tk-color-base-primary-500)',\n 400: 'var(--tk-color-base-primary-400)',\n 300: 'var(--tk-color-base-primary-300)',\n },\n surface: {\n 0: 'var(--tk-color-base-surface-0)',\n },\n text: {\n default: 'var(--tk-color-text-default)',\n },\n },\n font: {\n family: 'var(tk-font-family)',\n size: {\n md: 'var(--tk-font-size-base-150)',\n '2xs': 'var(--tk-font-size-base-100)',\n },\n weight: {\n regular: 'var(--tk-font-weight-400)',\n medium: '500',\n bold: 'var(--tk-font-weight-600)',\n },\n },\n spacing: {\n 3: 'var(--tk-spacing-base-75)',\n 4: 'var(--tk-spacing-base-100)',\n 6: 'var(--tk-spacing-base-150)',\n 8: 'var(--tk-spacing-base-200)',\n },\n components: {\n button: {\n root: {\n outline: 'none',\n boxShadow: 'none',\n border: 'none',\n focusBoxShadow: 'none',\n },\n label: {\n color: 'inherit',\n },\n colorScheme: {\n light: {\n primary: {\n background: '{primary.500}',\n color: '{surface.0}',\n hoverBackground: '{primary.400}',\n hoverColor: '{surface.0}',\n activeBackground: '{primary.400}',\n activeColor: '{surface.0}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n },\n link: {\n textDecoration: 'underline',\n background: 'none',\n boxShadow: 'none',\n color: '{primary.500}',\n fontSize: '{font.size.2xs}',\n fontWeight: '{font.weight.medium}',\n hoverColor: '{primary.400}',\n hoverBackground: 'none',\n activeColor: '{primary.300}',\n activeBackground: 'none',\n },\n },\n dark: {\n primary: {\n background: '{primary.500}',\n color: '{surface.0}',\n hoverBackground: '{primary.400}',\n hoverColor: '{surface.0}',\n activeBackground: '{primary.400}',\n activeColor: '{surface.0}',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n },\n link: {\n textDecoration: 'underline',\n background: 'none',\n boxShadow: 'none',\n color: '{primary.500}',\n fontSize: '{font.size.2xs}',\n fontWeight: '{font.weight.medium}',\n hoverColor: '{primary.400}',\n hoverBackground: 'none',\n activeColor: '{primary.300}',\n activeBackground: 'none',\n },\n },\n },\n },\n },\n});\n","import { inject, provideAppInitializer } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n return () => {\n const fontLink = document.createElement('link');\n fontLink.rel = 'stylesheet';\n fontLink.href =\n 'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n document.head.appendChild(fontLink);\n\n const style = document.createElement('style');\n style.innerHTML = `\n body {\n font-family: 'Poppins', sans-serif;\n }\n `;\n document.head.appendChild(style);\n\n config.theme.set({\n preset: TkPreset,\n options: {\n prefix: 'tk',\n darkMode: false\n },\n });\n };\n}\n\nexport function provideTkTheme() {\n return provideAppInitializer(() => {\n const config = inject(PrimeNG);\n const document = inject(DOCUMENT);\n return themeFactory(config, document)();\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tekus-design-system-core.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/tekus-design-system-core.ts"],"sourcesContent":["enum GapGutter {\n normal = '24px',\n small = '16px',\n large = '32px',\n extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n large = '32px',\n medium = '24px',\n small = '16px'\n}\n\nenum Gutter {\n normal = 'normal',\n small = 'small',\n large = 'large',\n extraLarge = 'extraLarge',\n\n}\n\nexport {\n Gutter,\n GapGutter,\n PaddingGridContainer\n}","export const Breakpoints = {\n // Covers all devices with a width less than or equal to 360px.\n mobileSmall: '(max-width: 360px)',\n\n // For small phones (e.g., most modern cell phones)\n mobile: '(min-width: 361px) and (max-width: 424px)',\n\n // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n // Vertical tablets and medium-sized devices\n tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n // Tablets in landscape mode\n tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n // Laptops and small desktops\n desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n // Large desks\n desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n // Ultra-wide screens\n desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeng/themes';\nimport Aura from '@primeng/themes/aura';\n\nexport const TkPreset = definePreset(Aura, {\n semantic: {\n primary: {\n 50: 'var(--tk-color-base-primary-50)',\n 100: 'var(--tk-color-base-primary-100)',\n 200: 'var(--tk-color-base-primary-200)',\n 300: 'var(--tk-color-base-primary-300)',\n 400: 'var(--tk-color-base-primary-400)',\n 500: 'var(--tk-color-base-primary-500)',\n 600: 'var(--tk-color-base-primary-600)',\n 700: 'var(--tk-color-base-primary-700)',\n 800: 'var(--tk-color-base-primary-800)',\n 900: 'var(--tk-color-base-primary-900)',\n 950: 'var(--tk-color-base-primary-950)',\n },\n red: {\n 50: 'var(--tk-color-base-red-50)',\n 100: 'var(--tk-color-base-red-100)',\n 200: 'var(--tk-color-base-red-200)',\n 300: 'var(--tk-color-base-red-300)',\n 400: 'var(--tk-color-base-red-400)',\n 500: 'var(--tk-color-base-red-500)',\n 600: 'var(--tk-color-base-red-600)',\n 700: 'var(--tk-color-base-red-700)',\n 800: 'var(--tk-color-base-red-800)',\n 900: 'var(--tk-color-base-red-900)',\n 950: 'var(--tk-color-base-red-950)',\n },\n surface: {\n 0: 'var(--tk-color-base-surface-0)',\n 50: 'var(--tk-color-base-surface-50)',\n 100: 'var(--tk-color-base-surface-100)',\n 200: 'var(--tk-color-base-surface-200)',\n 300: 'var(--tk-color-base-surface-300)',\n 400: 'var(--tk-color-base-surface-400)',\n 500: 'var(--tk-color-base-surface-500)',\n 600: 'var(--tk-color-base-surface-600)',\n 700: 'var(--tk-color-base-surface-700)',\n 800: 'var(--tk-color-base-surface-800)',\n 900: 'var(--tk-color-base-surface-900)',\n 950: 'var(--tk-color-base-surface-950)',\n },\n },\n font: {\n family: 'var(--tk-font-family)',\n },\n\n components: {\n button: {\n root: {\n outline: 'none',\n boxShadow: 'none',\n border: 'none',\n focusBoxShadow: 'none',\n },\n label: {\n color: 'inherit',\n },\n colorScheme: {\n light: {\n root: {\n primary: {\n hoverBackground: 'var(--tk-color-base-primary-400)',\n activeBackground: 'var(--tk-color-base-primary-400)',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n },\n secondary: {\n background: 'var(--tk-color-base-surface-0)',\n hoverBackground: 'var(--tk-color-base-surface-100)',\n borderColor: 'var(--tk-color-base-surface-200)',\n hoverBorderColor: 'var(--tk-color-base-surface-200)',\n activeBorderColor: 'var(--tk-color-base-surface-200)',\n },\n },\n text: {\n secondary: {\n hoverBackground: 'var(--tk-color-base-surface-200)',\n activeBackground: 'var(--tk-color-base-surface-200)',\n },\n },\n },\n dark: {\n primary: {\n background: 'var(--tk-color-base-primary-500)',\n hoverBackground: 'var(--tk-color-base-primary-400)',\n activeBackground: 'var(--tk-color-base-primary-400)',\n borderColor: 'transparent',\n hoverBorderColor: 'transparent',\n activeBorderColor: 'transparent',\n },\n secondary: {\n background: 'var(--tk-color-base-surface-0)',\n hoverBackground: 'var(--tk-color-base-surface-200)',\n borderColor: 'var(--tk-color-base-surface-200)',\n hoverBorderColor: 'var(--tk-color-base-surface-200)',\n activeBorderColor: 'var(--tk-color-base-surface-200)',\n },\n danger: {\n background: 'var(--tk-color-base-red-500)',\n hoverBackground: 'var(--tk-color-base-red-600)',\n activeBackground: 'var(--tk-color-base-red-700)',\n borderColor: 'var(--tk-color-base-red-500)',\n hoverBorderColor: 'var(--tk-color-base-red-600)',\n activeBorderColor: 'var(--tk-color-base-red-700)',\n },\n },\n },\n },\n dialog: {\n colorScheme: {\n dark: {\n root: {\n background: 'var(--tk-color-base-surface-0)',\n borderColor: 'var(--tk-color-base-surface-200)',\n },\n },\n },\n },\n },\n});\n","import { inject, provideAppInitializer } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n return () => {\n const fontLink = document.createElement('link');\n fontLink.rel = 'stylesheet';\n fontLink.href =\n 'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n document.head.appendChild(fontLink);\n\n const style = document.createElement('style');\n style.innerHTML = `\n body {\n font-family: 'Poppins', sans-serif;\n }\n `;\n document.head.appendChild(style);\n\n config.theme.set({\n preset: TkPreset,\n options: {\n prefix: 'tk',\n darkMode: false,\n darkModeSelector: false,\n },\n });\n };\n}\n\nexport function provideTkTheme() {\n return provideAppInitializer(() => {\n const config = inject(PrimeNG);\n const document = inject(DOCUMENT);\n return themeFactory(config, document)();\n });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tekus/design-system",
3
3
  "description": "Tekus design system library",
4
- "version": "5.1.3",
4
+ "version": "5.3.0",
5
5
  "license": "UNLICENSED",
6
6
  "peerDependencies": {
7
7
  "@angular/core": "^19.2.15",
@@ -43,10 +43,18 @@
43
43
  "types": "./components/button/index.d.ts",
44
44
  "default": "./fesm2022/tekus-design-system-components-button.mjs"
45
45
  },
46
+ "./components/date-picker": {
47
+ "types": "./components/date-picker/index.d.ts",
48
+ "default": "./fesm2022/tekus-design-system-components-date-picker.mjs"
49
+ },
46
50
  "./components/fallback-view": {
47
51
  "types": "./components/fallback-view/index.d.ts",
48
52
  "default": "./fesm2022/tekus-design-system-components-fallback-view.mjs"
49
53
  },
54
+ "./components/modal": {
55
+ "types": "./components/modal/index.d.ts",
56
+ "default": "./fesm2022/tekus-design-system-components-modal.mjs"
57
+ },
50
58
  "./core/types": {
51
59
  "types": "./core/types/index.d.ts",
52
60
  "default": "./fesm2022/tekus-design-system-core-types.mjs"