@midas-ds/components 8.3.0 → 9.0.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 (16) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +4 -4
  3. package/index.cjs +28 -28
  4. package/index.css +1 -1
  5. package/index.js +1286 -1286
  6. package/package.json +1 -1
  7. package/textfield/TextArea.d.ts +4 -1
  8. package/textfield/TextField.d.ts +2 -0
  9. package/theme/index.d.ts +32 -30
  10. package/theme/tokens.d.ts +38 -30
  11. package/theme.cjs +1 -1
  12. package/theme.js +2 -2
  13. package/tokens-CzvFRHfr.cjs +1 -0
  14. package/{tokens-CEzXihhV.js → tokens-n8UPYzPD.js} +39 -35
  15. package/utils/storybook.d.ts +1 -0
  16. package/tokens-B6mMZ0T6.cjs +0 -1
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "description": "Midas Components",
15
15
  "homepage": "https://designsystem.migrationsverket.se/",
16
16
  "license": "CC0-1.0",
17
- "version": "8.3.0",
17
+ "version": "9.0.0",
18
18
  "main": "./index.cjs",
19
19
  "module": "./index.js",
20
20
  "types": "./index.d.ts",
package/textfield/TextArea.d.ts CHANGED
@@ -1,7 +1,10 @@
1
1
  import { TextFieldBaseProps } from './TextFieldBase';
2
2
  import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
3
3
  import * as React from 'react';
4
- export interface TextAreaProps extends Omit<TextFieldBaseProps, 'children' | 'type'> {
4
+ export interface TextAreaProps extends Omit<TextFieldBaseProps, 'children' | 'type' | 'pattern'> {
5
5
  className?: AriaTextAreaProps['className'];
6
+ form?: string;
7
+ rows?: number;
8
+ wrap?: string;
6
9
  }
7
10
  export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
package/textfield/TextField.d.ts CHANGED
@@ -3,5 +3,7 @@ import { InputProps } from './Input';
3
3
  import * as React from 'react';
4
4
  export interface TextFieldProps extends Omit<TextFieldBaseProps, 'children'> {
5
5
  className?: InputProps['className'];
6
+ form?: string;
7
+ list?: string;
6
8
  }
7
9
  export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
package/theme/index.d.ts CHANGED
@@ -53,25 +53,26 @@ export declare const theme: {
53
53
  };
54
54
  typography: {
55
55
  fontFamily: string;
56
- lineHeight01: number;
57
- lineHeight02: number;
58
- lineHeight03: number;
59
- lineHeight04: number;
60
- lineHeight05: number;
61
- lineHeight06: number;
62
- lineHeight07: number;
63
- lineHeight08: number;
64
- lineHeight09: number;
65
- size01: string;
66
- size02: string;
67
- size03: string;
68
- size04: string;
69
- size05: string;
70
- size06: string;
71
- size07: string;
72
- size08: string;
73
- size09: string;
74
- size10: string;
56
+ lineHeight10: number;
57
+ lineHeight20: number;
58
+ lineHeight30: number;
59
+ lineHeight40: number;
60
+ lineHeight50: number;
61
+ lineHeight60: number;
62
+ lineHeight70: number;
63
+ lineHeight80: number;
64
+ lineHeight90: number;
65
+ lineHeight100: number;
66
+ fontSize10: string;
67
+ fontSize20: string;
68
+ fontSize30: string;
69
+ fontSize40: string;
70
+ fontSize50: string;
71
+ fontSize60: string;
72
+ fontSize70: string;
73
+ fontSize80: string;
74
+ fontSize90: string;
75
+ fontSize100: string;
75
76
  weightThin: number;
76
77
  weightExtraLight: number;
77
78
  weightLight: number;
@@ -83,18 +84,18 @@ export declare const theme: {
83
84
  weightBlack: number;
84
85
  };
85
86
  spacing: {
86
- '01': string;
87
- '02': string;
88
- '03': string;
89
- '04': string;
90
- '05': string;
91
- '06': string;
92
- '07': string;
93
- '08': string;
94
- '09': string;
95
87
  '10': string;
96
- '11': string;
97
- '12': string;
88
+ '20': string;
89
+ '30': string;
90
+ '40': string;
91
+ '50': string;
92
+ '60': string;
93
+ '70': string;
94
+ '80': string;
95
+ '90': string;
96
+ '100': string;
97
+ '110': string;
98
+ '120': string;
98
99
  };
99
100
  states: {
100
101
  focus: string;
@@ -182,6 +183,7 @@ export declare const theme: {
182
183
  textInverse: string;
183
184
  textDisabled: string;
184
185
  textInvalid: string;
186
+ textWarning: string;
185
187
  textPlaceholder: string;
186
188
  buttonBackgroundPrimary: string;
187
189
  buttonBackgroundPrimaryHover: string;
package/theme/tokens.d.ts CHANGED
@@ -51,25 +51,26 @@ export declare const baseColors: {
51
51
  };
52
52
  export declare const typography: {
53
53
  fontFamily: string;
54
- lineHeight01: number;
55
- lineHeight02: number;
56
- lineHeight03: number;
57
- lineHeight04: number;
58
- lineHeight05: number;
59
- lineHeight06: number;
60
- lineHeight07: number;
61
- lineHeight08: number;
62
- lineHeight09: number;
63
- size01: string;
64
- size02: string;
65
- size03: string;
66
- size04: string;
67
- size05: string;
68
- size06: string;
69
- size07: string;
70
- size08: string;
71
- size09: string;
72
- size10: string;
54
+ lineHeight10: number;
55
+ lineHeight20: number;
56
+ lineHeight30: number;
57
+ lineHeight40: number;
58
+ lineHeight50: number;
59
+ lineHeight60: number;
60
+ lineHeight70: number;
61
+ lineHeight80: number;
62
+ lineHeight90: number;
63
+ lineHeight100: number;
64
+ fontSize10: string;
65
+ fontSize20: string;
66
+ fontSize30: string;
67
+ fontSize40: string;
68
+ fontSize50: string;
69
+ fontSize60: string;
70
+ fontSize70: string;
71
+ fontSize80: string;
72
+ fontSize90: string;
73
+ fontSize100: string;
73
74
  weightThin: number;
74
75
  weightExtraLight: number;
75
76
  weightLight: number;
@@ -81,18 +82,18 @@ export declare const typography: {
81
82
  weightBlack: number;
82
83
  };
83
84
  export declare const spacing: {
84
- '01': string;
85
- '02': string;
86
- '03': string;
87
- '04': string;
88
- '05': string;
89
- '06': string;
90
- '07': string;
91
- '08': string;
92
- '09': string;
93
85
  '10': string;
94
- '11': string;
95
- '12': string;
86
+ '20': string;
87
+ '30': string;
88
+ '40': string;
89
+ '50': string;
90
+ '60': string;
91
+ '70': string;
92
+ '80': string;
93
+ '90': string;
94
+ '100': string;
95
+ '110': string;
96
+ '120': string;
96
97
  };
97
98
  export declare const states: {
98
99
  focus: string;
@@ -139,6 +140,9 @@ export declare const semantic: {
139
140
  borderSecondary: string;
140
141
  borderSubtle: string;
141
142
  borderTertiary: string;
143
+ /**
144
+ * @deprecated Deprecated in 8.2.0. Use `supportBorderWarning` instead.
145
+ */
142
146
  borderInvalid: string;
143
147
  borderDisabled: string;
144
148
  field01: string;
@@ -179,7 +183,11 @@ export declare const semantic: {
179
183
  textOnColor: string;
180
184
  textInverse: string;
181
185
  textDisabled: string;
186
+ /**
187
+ * @deprecated Deprecated in 8.4.0 - Please use textWarning instead.
188
+ */
182
189
  textInvalid: string;
190
+ textWarning: string;
183
191
  textPlaceholder: string;
184
192
  buttonBackgroundPrimary: string;
185
193
  buttonBackgroundPrimaryHover: string;
package/theme.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tokens-B6mMZ0T6.cjs"),s={...e.tokens};exports.baseColors=e.baseColors;exports.breakpoints=e.breakpoints;exports.semantic=e.semantic;exports.spacing=e.spacing;exports.states=e.states;exports.transitions=e.transitions;exports.typography=e.typography;exports.windowSizes=e.windowSizes;exports.zIndex=e.zIndex;exports.theme=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tokens-CzvFRHfr.cjs"),s={...e.tokens};exports.baseColors=e.baseColors;exports.breakpoints=e.breakpoints;exports.semantic=e.semantic;exports.spacing=e.spacing;exports.states=e.states;exports.transitions=e.transitions;exports.typography=e.typography;exports.windowSizes=e.windowSizes;exports.zIndex=e.zIndex;exports.theme=s;
package/theme.js CHANGED
@@ -1,5 +1,5 @@
1
- import { t as s } from "./tokens-CEzXihhV.js";
2
- import { b as n, f as r, s as i, c as p, d as m, e as c, a as b, w as d, z as f } from "./tokens-CEzXihhV.js";
1
+ import { t as s } from "./tokens-n8UPYzPD.js";
2
+ import { b as n, f as r, s as i, c as p, d as m, e as c, a as b, w as d, z as f } from "./tokens-n8UPYzPD.js";
3
3
  const t = { ...s };
4
4
  export {
5
5
  n as baseColors,
package/tokens-CzvFRHfr.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue60:"#82b0c9",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue140:"#25607f",blue170:"#143c50",purple80:"#b46ab4",purple140:"#954b95",red100:"#b90835",signalBlue10:"#eaf2f6",signalBlue100:"#0066cc",signalGreen20:"#d5f2d9",signalGreen30:"#bae5c5",signalGreen100:"#008d3c",signalYellow10:"#fff8e1",signalYellow100:"#fdb813",signalRed20:"#ffdfdf",signalRed30:"#fcc8c8",signalRed80:"#eb4e4e",signalRed100:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313"},a={fontFamily:'"Inter", sans-serif',lineHeight10:1,lineHeight20:1.125,lineHeight30:1.25,lineHeight40:1.375,lineHeight50:1.5,lineHeight60:1.75,lineHeight70:2,lineHeight80:2.25,lineHeight90:2.5,lineHeight100:2.75,fontSize10:"0.75rem",fontSize20:"0.875rem",fontSize30:"1rem",fontSize40:"1.125rem",fontSize50:"1.25rem",fontSize60:"1.5rem",fontSize70:"1.75rem",fontSize80:"2rem",fontSize90:"2.25rem",fontSize100:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},g={10:"0.125rem",20:"0.25rem",30:"0.5rem",40:"0.75rem",50:"1rem",60:"1.5rem",70:"2rem",80:"2.5rem",90:"3rem",100:"4rem",110:"5rem",120:"6rem"},i={focus:"0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"},t={slow:"500ms",normal:"300ms",fast:"250ms"},e={md:768,lg:1200,xl:1440},l={sm:`(max-width: ${e.md-1}px)`,md:`(min-width: ${e.md}px)`,lg:`(min-width: ${e.lg}px)`,xl:`(min-width: ${e.xl}px)`,forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},d={background:`light-dark(${r.white}, ${r.gray200})`,backgroundHover:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderPrimary:`light-dark(${r.gray200}, ${r.gray10})`,borderSecondary:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderTertiary:`light-dark(${r.blue170}, ${r.blue100})`,borderInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.gray140}, ${r.gray70})`,iconTertiary:`light-dark(${r.blue170}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,iconInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,iconWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,iconImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,linkEnabled:`light-dark(${r.blue100}, ${r.blue90})`,linkHover:`light-dark(${r.blue170}, ${r.blue80})`,linkPressed:`light-dark(${r.gray200}, ${r.blue60})`,linkVisited:`light-dark(${r.purple140}, ${r.purple80})`,supportBorderSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,supportBorderInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,supportBorderImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,supportBorderWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,supportBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,supportBackgroundSuccessHover:`light-dark(${r.signalGreen30}, ${r.gray170})`,supportBackgroundInfo:`light-dark(${r.signalBlue10}, ${r.gray180})`,supportBackgroundImportant:`light-dark(${r.signalYellow10}, ${r.gray180})`,supportBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,supportBackgroundWarningHover:`light-dark(${r.signalRed30}, ${r.gray170})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textTertiary:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textWarning:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue170}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue140}, ${r.blue140})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue170})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed100}, ${r.signalRed100})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed160}, ${r.signalRed160})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed180}, ${r.signalRed180})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBorderSecondary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`,menuItemBackgroundHover:`light-dark(${r.gray20}, ${r.gray190})`,menuItemBackgroundSelected:`light-dark(${r.gray10}, ${r.gray180})`},n={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},o=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:l,semantic:d,spacing:g,states:i,transitions:t,typography:a,windowSizes:e,zIndex:n},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=l;exports.semantic=d;exports.spacing=g;exports.states=i;exports.tokens=o;exports.transitions=t;exports.typography=a;exports.windowSizes=e;exports.zIndex=n;
package/{tokens-CEzXihhV.js → tokens-n8UPYzPD.js} RENAMED
@@ -50,43 +50,45 @@ const r = {
50
50
  signalRed180: "#801313"
51
51
  }, a = {
52
52
  fontFamily: '"Inter", sans-serif',
53
- lineHeight01: 1,
53
+ lineHeight10: 1,
54
54
  // 16px
55
- lineHeight02: 1.125,
55
+ lineHeight20: 1.125,
56
56
  // 18px (18/16)
57
- lineHeight03: 1.25,
57
+ lineHeight30: 1.25,
58
58
  // 20px (20/16)
59
- lineHeight04: 1.375,
59
+ lineHeight40: 1.375,
60
60
  // 22px (22/16)
61
- lineHeight05: 1.5,
61
+ lineHeight50: 1.5,
62
62
  // 24px (24/16)
63
- lineHeight06: 1.75,
63
+ lineHeight60: 1.75,
64
64
  // 28px (28/16)
65
- lineHeight07: 2,
65
+ lineHeight70: 2,
66
66
  // 32px (32/16)
67
- lineHeight08: 2.25,
67
+ lineHeight80: 2.25,
68
68
  // 36px (36/16)
69
- lineHeight09: 2.5,
69
+ lineHeight90: 2.5,
70
70
  // 40px (40/16)
71
- size01: "0.75rem",
71
+ lineHeight100: 2.75,
72
+ // 44px (44/16)
73
+ fontSize10: "0.75rem",
72
74
  // 12px (12/16)
73
- size02: "0.875rem",
75
+ fontSize20: "0.875rem",
74
76
  // 14px (14/16)
75
- size03: "1rem",
77
+ fontSize30: "1rem",
76
78
  // 16px (16/16)
77
- size04: "1.125rem",
79
+ fontSize40: "1.125rem",
78
80
  // 18px (18/16)
79
- size05: "1.25rem",
81
+ fontSize50: "1.25rem",
80
82
  // 20px (20/16)
81
- size06: "1.5rem",
83
+ fontSize60: "1.5rem",
82
84
  // 24px (24/16)
83
- size07: "1.75rem",
85
+ fontSize70: "1.75rem",
84
86
  // 28px (28/16)
85
- size08: "2rem",
87
+ fontSize80: "2rem",
86
88
  // 32px (32/16)
87
- size09: "2.25rem",
89
+ fontSize90: "2.25rem",
88
90
  // 36px (36/16)
89
- size10: "2.625rem",
91
+ fontSize100: "2.625rem",
90
92
  // 42px (40/16)
91
93
  weightThin: 100,
92
94
  weightExtraLight: 200,
@@ -98,29 +100,29 @@ const r = {
98
100
  weightExtraBold: 800,
99
101
  weightBlack: 900
100
102
  }, g = {
101
- "01": "0.125rem",
103
+ 10: "0.125rem",
102
104
  // 2px
103
- "02": "0.25rem",
105
+ 20: "0.25rem",
104
106
  // 4px
105
- "03": "0.5rem",
107
+ 30: "0.5rem",
106
108
  // 8px
107
- "04": "0.75rem",
109
+ 40: "0.75rem",
108
110
  // 12px
109
- "05": "1rem",
111
+ 50: "1rem",
110
112
  // 16px
111
- "06": "1.5rem",
113
+ 60: "1.5rem",
112
114
  // 24px
113
- "07": "2rem",
115
+ 70: "2rem",
114
116
  // 32px
115
- "08": "2.5rem",
117
+ 80: "2.5rem",
116
118
  // 40px
117
- "09": "3rem",
119
+ 90: "3rem",
118
120
  // 48px
119
- 10: "4rem",
121
+ 100: "4rem",
120
122
  // 64px
121
- 11: "5rem",
123
+ 110: "5rem",
122
124
  // 80px
123
- 12: "6rem"
125
+ 120: "6rem"
124
126
  // 96px
125
127
  }, i = {
126
128
  focus: "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"
@@ -163,10 +165,8 @@ const r = {
163
165
  borderSecondary: `light-dark(${r.gray110}, ${r.gray90})`,
164
166
  borderSubtle: `light-dark(${r.gray50}, ${r.gray160})`,
165
167
  borderTertiary: `light-dark(${r.blue170}, ${r.blue100})`,
166
- /*
167
- * @deprecated
168
- * Deprecated in 8.2.0
169
- * Please use --support-border-warning instead.
168
+ /**
169
+ * @deprecated Deprecated in 8.2.0. Use `supportBorderWarning` instead.
170
170
  */
171
171
  borderInvalid: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
172
172
  borderDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
@@ -208,7 +208,11 @@ const r = {
208
208
  textOnColor: `light-dark(${r.white}, ${r.white})`,
209
209
  textInverse: `light-dark(${r.gray10}, ${r.gray200})`,
210
210
  textDisabled: `light-dark(${r.gray50}, ${r.gray140})`,
211
+ /**
212
+ * @deprecated Deprecated in 8.4.0 - Please use textWarning instead.
213
+ */
211
214
  textInvalid: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
215
+ textWarning: `light-dark(${r.signalRed100}, ${r.signalRed80})`,
212
216
  textPlaceholder: `light-dark(${r.gray70}, ${r.gray140})`,
213
217
  buttonBackgroundPrimary: `light-dark(${r.blue170}, ${r.blue100})`,
214
218
  buttonBackgroundPrimaryHover: `light-dark(${r.blue140}, ${r.blue140})`,
package/utils/storybook.d.ts CHANGED
@@ -2,3 +2,4 @@ export declare const options: {
2
2
  name: string;
3
3
  id: string;
4
4
  }[];
5
+ export declare const mockedNow: import('@internationalized/date').CalendarDate;
package/tokens-B6mMZ0T6.cjs DELETED
@@ -1 +0,0 @@
1
- "use strict";const r={black:"#000000",white:"#ffffff",blackHover:"#0d0d0d",whiteHover:"#e6e6e6",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray110:"#737373",gray120:"#666666",gray130:"#5d5d5d",gray140:"#525252",gray150:"#474747",gray160:"#383838",gray170:"#333333",gray180:"#262626",gray190:"#212121",gray200:"#171717",blue10:"#eaf2f6",blue20:"#d5e5ed",blue40:"#abcbdb",blue60:"#82b0c9",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue140:"#25607f",blue170:"#143c50",purple80:"#b46ab4",purple140:"#954b95",red100:"#b90835",signalBlue10:"#eaf2f6",signalBlue100:"#0066cc",signalGreen20:"#d5f2d9",signalGreen30:"#bae5c5",signalGreen100:"#008d3c",signalYellow10:"#fff8e1",signalYellow100:"#fdb813",signalRed20:"#ffdfdf",signalRed30:"#fcc8c8",signalRed80:"#eb4e4e",signalRed100:"#e62323",signalRed160:"#b31b1b",signalRed180:"#801313"},a={fontFamily:'"Inter", sans-serif',lineHeight01:1,lineHeight02:1.125,lineHeight03:1.25,lineHeight04:1.375,lineHeight05:1.5,lineHeight06:1.75,lineHeight07:2,lineHeight08:2.25,lineHeight09:2.5,size01:"0.75rem",size02:"0.875rem",size03:"1rem",size04:"1.125rem",size05:"1.25rem",size06:"1.5rem",size07:"1.75rem",size08:"2rem",size09:"2.25rem",size10:"2.625rem",weightThin:100,weightExtraLight:200,weightLight:300,weightRegular:400,weightMedium:500,weightSemiBold:600,weightBold:700,weightExtraBold:800,weightBlack:900},g={"01":"0.125rem","02":"0.25rem","03":"0.5rem","04":"0.75rem","05":"1rem","06":"1.5rem","07":"2rem","08":"2.5rem","09":"3rem",10:"4rem",11:"5rem",12:"6rem"},i={focus:"0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)"},l={slow:"500ms",normal:"300ms",fast:"250ms"},e={md:768,lg:1200,xl:1440},t={sm:`(max-width: ${e.md-1}px)`,md:`(min-width: ${e.md}px)`,lg:`(min-width: ${e.lg}px)`,xl:`(min-width: ${e.xl}px)`,forcedColorsMode:"(forced-colors: active)",darkMode:"(prefers-color-scheme: dark)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},d={background:`light-dark(${r.white}, ${r.gray200})`,backgroundHover:`light-dark(${r.whiteHover}, ${r.gray190})`,backgroundInverse:`light-dark(${r.gray200}, ${r.gray10})`,layer01:`light-dark(${r.gray10}, ${r.gray180})`,layerHover01:`light-dark(${r.gray20}, ${r.gray170})`,layerSelected01:`light-dark(${r.gray30}, ${r.gray160})`,layerSelectedHover01:`light-dark(${r.gray40}, ${r.gray150})`,layer02:`light-dark(${r.white}, ${r.gray160})`,layerHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,layerSelected02:`light-dark(${r.gray30}, ${r.gray140})`,layerSelectedHover02:`light-dark(${r.gray40}, ${r.gray130})`,layerAccent01:`light-dark(${r.gray30}, ${r.gray160})`,layerAccentHover01:`light-dark(${r.gray40}, ${r.gray150})`,layerAccentSelected01:`light-dark(${r.gray50}, ${r.gray140})`,layerAccent02:`light-dark(${r.gray10}, ${r.gray180})`,layerAccentHover02:`light-dark(${r.gray20}, ${r.gray170})`,layerAccentSelected02:`light-dark(${r.gray30}, ${r.gray160})`,brandPrimary:`light-dark(${r.red100}, ${r.red100})`,borderPrimary:`light-dark(${r.gray200}, ${r.gray10})`,borderSecondary:`light-dark(${r.gray110}, ${r.gray90})`,borderSubtle:`light-dark(${r.gray50}, ${r.gray160})`,borderTertiary:`light-dark(${r.blue170}, ${r.blue100})`,borderInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,borderDisabled:`light-dark(${r.gray50}, ${r.gray140})`,field01:`light-dark(${r.gray10}, ${r.gray180})`,fieldHover01:`light-dark(${r.gray20}, ${r.gray170})`,fieldActive01:`light-dark(${r.gray30}, ${r.gray160})`,field02:`light-dark(${r.white}, ${r.gray160})`,fieldHover02:`light-dark(${r.whiteHover}, ${r.gray150})`,fieldActive02:`light-dark(${r.gray30}, ${r.gray140})`,fieldDisabled:`light-dark(${r.gray10}, ${r.gray180})`,fieldSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,iconPrimary:`light-dark(${r.gray200}, ${r.gray10})`,iconSecondary:`light-dark(${r.gray140}, ${r.gray70})`,iconTertiary:`light-dark(${r.blue170}, ${r.gray10})`,iconInverse:`light-dark(${r.white}, ${r.gray200})`,iconOnColor:`light-dark(${r.white}, ${r.white})`,iconDisabled:`light-dark(${r.gray50}, ${r.gray140})`,iconSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,iconInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,iconWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,iconImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,linkEnabled:`light-dark(${r.blue100}, ${r.blue90})`,linkHover:`light-dark(${r.blue170}, ${r.blue80})`,linkPressed:`light-dark(${r.gray200}, ${r.blue60})`,linkVisited:`light-dark(${r.purple140}, ${r.purple80})`,supportBorderSuccess:`light-dark(${r.signalGreen100}, ${r.signalGreen100})`,supportBorderInfo:`light-dark(${r.signalBlue100}, ${r.signalBlue100})`,supportBorderImportant:`light-dark(${r.signalYellow100}, ${r.signalYellow100})`,supportBorderWarning:`light-dark(${r.signalRed100}, ${r.signalRed100})`,supportBackgroundSuccess:`light-dark(${r.signalGreen20}, ${r.gray180})`,supportBackgroundSuccessHover:`light-dark(${r.signalGreen30}, ${r.gray170})`,supportBackgroundInfo:`light-dark(${r.signalBlue10}, ${r.gray180})`,supportBackgroundImportant:`light-dark(${r.signalYellow10}, ${r.gray180})`,supportBackgroundWarning:`light-dark(${r.signalRed20}, ${r.gray180})`,supportBackgroundWarningHover:`light-dark(${r.signalRed30}, ${r.gray170})`,textPrimary:`light-dark(${r.gray200}, ${r.gray10})`,textSecondary:`light-dark(${r.gray140}, ${r.gray70})`,textTertiary:`light-dark(${r.blue170}, ${r.gray10})`,textOnColor:`light-dark(${r.white}, ${r.white})`,textInverse:`light-dark(${r.gray10}, ${r.gray200})`,textDisabled:`light-dark(${r.gray50}, ${r.gray140})`,textInvalid:`light-dark(${r.signalRed100}, ${r.signalRed80})`,textPlaceholder:`light-dark(${r.gray70}, ${r.gray140})`,buttonBackgroundPrimary:`light-dark(${r.blue170}, ${r.blue100})`,buttonBackgroundPrimaryHover:`light-dark(${r.blue140}, ${r.blue140})`,buttonBackgroundPrimaryActive:`light-dark(${r.blue100}, ${r.blue170})`,buttonBackgroundSecondary:`light-dark(${r.white}, ${r.gray200})`,buttonBackgroundSecondaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundSecondaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundTertiaryHover:`light-dark(${r.whiteHover}, ${r.gray190})`,buttonBackgroundTertiaryActive:`light-dark(${r.gray30}, ${r.gray180})`,buttonBackgroundDanger:`light-dark(${r.signalRed100}, ${r.signalRed100})`,buttonBackgroundDangerHover:`light-dark(${r.signalRed160}, ${r.signalRed160})`,buttonBackgroundDangerActive:`light-dark(${r.signalRed180}, ${r.signalRed180})`,buttonBackgroundDisabled:`light-dark(${r.gray10}, ${r.gray180})`,buttonBackgroundSkeleton:`light-dark(${r.gray10}, ${r.gray180})`,buttonBorderSecondary:`light-dark(${r.blue170}, ${r.gray10})`,logoPrimary:`light-dark(${r.red100}, ${r.white})`,menuItemBackgroundHover:`light-dark(${r.gray20}, ${r.gray190})`,menuItemBackgroundSelected:`light-dark(${r.gray10}, ${r.gray180})`},n={base:1,above:10,modal:1e3,toast:1100,skipToContent:1200},o=Object.freeze(Object.defineProperty({__proto__:null,baseColors:r,breakpoints:t,semantic:d,spacing:g,states:i,transitions:l,typography:a,windowSizes:e,zIndex:n},Symbol.toStringTag,{value:"Module"}));exports.baseColors=r;exports.breakpoints=t;exports.semantic=d;exports.spacing=g;exports.states=i;exports.tokens=o;exports.transitions=l;exports.typography=a;exports.windowSizes=e;exports.zIndex=n;