@akinon/ui-theme 1.1.1 → 1.1.3-rc.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 (13) hide show
  1. package/dist/cjs/colors.d.ts +3 -0
  2. package/dist/cjs/colors.d.ts.map +1 -1
  3. package/dist/cjs/colors.js +3 -0
  4. package/dist/cjs/theme.d.ts.map +1 -1
  5. package/dist/cjs/theme.js +11 -0
  6. package/dist/cjs/types.d.ts +5 -0
  7. package/dist/esm/colors.d.ts +3 -0
  8. package/dist/esm/colors.d.ts.map +1 -1
  9. package/dist/esm/colors.js +3 -0
  10. package/dist/esm/theme.d.ts.map +1 -1
  11. package/dist/esm/theme.js +11 -0
  12. package/dist/esm/types.d.ts +5 -0
  13. package/package.json +2 -2
package/dist/cjs/colors.d.ts CHANGED
@@ -73,6 +73,7 @@ export declare const red: {
73
73
  '200': string;
74
74
  '300': string;
75
75
  '400': string;
76
+ '410': string;
76
77
  '425': string;
77
78
  '425-10': string;
78
79
  '450': string;
@@ -162,6 +163,7 @@ export declare const azure: {
162
163
  '200': string;
163
164
  '300': string;
164
165
  '400': string;
166
+ '450': string;
165
167
  '500': string;
166
168
  '500-20': string;
167
169
  '600': string;
@@ -178,6 +180,7 @@ export declare const orange: {
178
180
  '400': string;
179
181
  '425': string;
180
182
  '450': string;
183
+ '475': string;
181
184
  '500': string;
182
185
  '600': string;
183
186
  '700': string;
package/dist/cjs/colors.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;CAiBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAcjB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;CAkBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;CAkBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;CAejB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
package/dist/cjs/colors.js CHANGED
@@ -77,6 +77,7 @@ exports.red = {
77
77
  '200': '#fce0cf',
78
78
  '300': '#fac7b1',
79
79
  '400': '#f58d7a',
80
+ '410': '#e27575',
80
81
  '425': '#ff5163',
81
82
  '425-10': '#ff516310',
82
83
  '450': '#f05050',
@@ -167,6 +168,7 @@ exports.azure = {
167
168
  '200': '#bcd8ff',
168
169
  '300': '#8ec0ff',
169
170
  '400': '#599cff',
171
+ '450': '#e27575', // applied from design: ai gradient start
170
172
  '500': '#4482ff', // applied from design: primary button color
171
173
  '500-20': '#4482ff33',
172
174
  '600': '#1b55f5',
@@ -184,6 +186,7 @@ exports.orange = {
184
186
  '400': '#fcb44e',
185
187
  '425': '#ffaa49',
186
188
  '450': '#ce8d0b',
189
+ '475': '#ffa6a6', // applied from design: ai text color
187
190
  '500': '#f98003',
188
191
  '600': '#e06e02',
189
192
  '700': '#ba5202',
package/dist/cjs/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAgBvD,OAAO,EAML,YAAY,EAWZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBAujBnB,CAAC;AAyFF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,YAAY,CAmBd;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAgBvD,OAAO,EAML,YAAY,EAWZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBA4jBnB,CAAC;AA8FF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,YAAY,CAoBd;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
package/dist/cjs/theme.js CHANGED
@@ -75,6 +75,11 @@ exports.theme = {
75
75
  flexDirectionColumn: 'column',
76
76
  flexDirectionColumnReverse: 'column-reverse'
77
77
  },
78
+ ai: {
79
+ gradientStart: colors.azure['450'],
80
+ gradientEnd: colors.azure['500'],
81
+ textColor: colors.orange['475']
82
+ },
78
83
  typography: {
79
84
  textTransformUppercase: 'uppercase',
80
85
  textTransformLowercase: 'lowercase',
@@ -634,6 +639,11 @@ const defaultCustomTokens = {
634
639
  fontWeightBold: '600',
635
640
  fontWeightMedium: '500'
636
641
  },
642
+ ai: {
643
+ gradientStart: colors.azure['450'],
644
+ gradientEnd: colors.azure['500'],
645
+ textColor: colors.orange['475']
646
+ },
637
647
  sizing: {
638
648
  sizeMaxContent: 'max-content',
639
649
  sizeMinContent: 'min-content',
@@ -689,6 +699,7 @@ function getSafeCustomTokens(theme) {
689
699
  // Deep merge to ensure all nested properties are available
690
700
  return {
691
701
  layout: Object.assign(Object.assign({}, defaultCustomTokens.layout), themeCustomTokens.layout),
702
+ ai: Object.assign(Object.assign({}, defaultCustomTokens.ai), themeCustomTokens.ai),
692
703
  typography: Object.assign(Object.assign({}, defaultCustomTokens.typography), themeCustomTokens.typography),
693
704
  sizing: Object.assign(Object.assign({}, defaultCustomTokens.sizing), themeCustomTokens.sizing),
694
705
  others: Object.assign(Object.assign({}, defaultCustomTokens.others), themeCustomTokens.others),
package/dist/cjs/types.d.ts CHANGED
@@ -341,6 +341,11 @@ export type CustomTokens = {
341
341
  flexDirectionColumn: string;
342
342
  flexDirectionColumnReverse: string;
343
343
  };
344
+ ai: {
345
+ gradientStart: string;
346
+ gradientEnd: string;
347
+ textColor: string;
348
+ };
344
349
  typography: {
345
350
  textTransformUppercase: string;
346
351
  textTransformLowercase: string;
package/dist/esm/colors.d.ts CHANGED
@@ -73,6 +73,7 @@ export declare const red: {
73
73
  '200': string;
74
74
  '300': string;
75
75
  '400': string;
76
+ '410': string;
76
77
  '425': string;
77
78
  '425-10': string;
78
79
  '450': string;
@@ -162,6 +163,7 @@ export declare const azure: {
162
163
  '200': string;
163
164
  '300': string;
164
165
  '400': string;
166
+ '450': string;
165
167
  '500': string;
166
168
  '500-20': string;
167
169
  '600': string;
@@ -178,6 +180,7 @@ export declare const orange: {
178
180
  '400': string;
179
181
  '425': string;
180
182
  '450': string;
183
+ '475': string;
181
184
  '500': string;
182
185
  '600': string;
183
186
  '700': string;
package/dist/esm/colors.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;CAiBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAcjB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;CAkBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/colors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CAsBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBhB,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;CAkBf,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqBhB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAGF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;CAejB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAC"}
package/dist/esm/colors.js CHANGED
@@ -74,6 +74,7 @@ export const red = {
74
74
  '200': '#fce0cf',
75
75
  '300': '#fac7b1',
76
76
  '400': '#f58d7a',
77
+ '410': '#e27575',
77
78
  '425': '#ff5163',
78
79
  '425-10': '#ff516310',
79
80
  '450': '#f05050',
@@ -164,6 +165,7 @@ export const azure = {
164
165
  '200': '#bcd8ff',
165
166
  '300': '#8ec0ff',
166
167
  '400': '#599cff',
168
+ '450': '#e27575', // applied from design: ai gradient start
167
169
  '500': '#4482ff', // applied from design: primary button color
168
170
  '500-20': '#4482ff33',
169
171
  '600': '#1b55f5',
@@ -181,6 +183,7 @@ export const orange = {
181
183
  '400': '#fcb44e',
182
184
  '425': '#ffaa49',
183
185
  '450': '#ce8d0b',
186
+ '475': '#ffa6a6', // applied from design: ai text color
184
187
  '500': '#f98003',
185
188
  '600': '#e06e02',
186
189
  '700': '#ba5202',
package/dist/esm/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAgBvD,OAAO,EAML,YAAY,EAWZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBAujBnB,CAAC;AAyFF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,YAAY,CAmBd;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAgBvD,OAAO,EAML,YAAY,EAWZ,YAAY,EAWb,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,KAAK,SAAS,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,KAAK,GACL,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,GACX,SAAS,CAAC;AAEd,KAAK,KAAK,GAAG;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAevC,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,EAAE,kBA4jBnB,CAAC;AA8FF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,WAAW,GAAG,SAAS,GAC7B,YAAY,CAoBd;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,OAAO,SAAS,CAAC,QAA6B,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;;CA2B3B,CAAC"}
package/dist/esm/theme.js CHANGED
@@ -71,6 +71,11 @@ export const theme = {
71
71
  flexDirectionColumn: 'column',
72
72
  flexDirectionColumnReverse: 'column-reverse'
73
73
  },
74
+ ai: {
75
+ gradientStart: colors.azure['450'],
76
+ gradientEnd: colors.azure['500'],
77
+ textColor: colors.orange['475']
78
+ },
74
79
  typography: {
75
80
  textTransformUppercase: 'uppercase',
76
81
  textTransformLowercase: 'lowercase',
@@ -630,6 +635,11 @@ const defaultCustomTokens = {
630
635
  fontWeightBold: '600',
631
636
  fontWeightMedium: '500'
632
637
  },
638
+ ai: {
639
+ gradientStart: colors.azure['450'],
640
+ gradientEnd: colors.azure['500'],
641
+ textColor: colors.orange['475']
642
+ },
633
643
  sizing: {
634
644
  sizeMaxContent: 'max-content',
635
645
  sizeMinContent: 'min-content',
@@ -685,6 +695,7 @@ export function getSafeCustomTokens(theme) {
685
695
  // Deep merge to ensure all nested properties are available
686
696
  return {
687
697
  layout: Object.assign(Object.assign({}, defaultCustomTokens.layout), themeCustomTokens.layout),
698
+ ai: Object.assign(Object.assign({}, defaultCustomTokens.ai), themeCustomTokens.ai),
688
699
  typography: Object.assign(Object.assign({}, defaultCustomTokens.typography), themeCustomTokens.typography),
689
700
  sizing: Object.assign(Object.assign({}, defaultCustomTokens.sizing), themeCustomTokens.sizing),
690
701
  others: Object.assign(Object.assign({}, defaultCustomTokens.others), themeCustomTokens.others),
package/dist/esm/types.d.ts CHANGED
@@ -341,6 +341,11 @@ export type CustomTokens = {
341
341
  flexDirectionColumn: string;
342
342
  flexDirectionColumnReverse: string;
343
343
  };
344
+ ai: {
345
+ gradientStart: string;
346
+ gradientEnd: string;
347
+ textColor: string;
348
+ };
344
349
  typography: {
345
350
  textTransformUppercase: string;
346
351
  textTransformLowercase: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akinon/ui-theme",
3
- "version": "1.1.1",
3
+ "version": "1.1.3-rc.0",
4
4
  "private": false,
5
5
  "description": "Akinon UI's default theme values.",
6
6
  "type": "module",
@@ -17,7 +17,7 @@
17
17
  "copyfiles": "^2.4.1",
18
18
  "rimraf": "^5.0.5",
19
19
  "typescript": "*",
20
- "@akinon/typescript-config": "1.1.0"
20
+ "@akinon/typescript-config": "1.1.1"
21
21
  },
22
22
  "peerDependencies": {
23
23
  "react": "^18 || ^19",