@vellira-ui/tokens 2.102.0 → 2.103.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/dark/components/button.d.ts +15 -15
- package/dist/dark/components/button.d.ts.map +1 -1
- package/dist/dark/components/button.js +3 -3
- package/dist/dark/components/checkbox.d.ts +15 -15
- package/dist/dark/components/checkbox.d.ts.map +1 -1
- package/dist/dark/components/checkbox.js +3 -3
- package/dist/dark/components/dropdown.d.ts.map +1 -1
- package/dist/dark/components/dropdown.js +4 -4
- package/dist/dark/components/input.d.ts +45 -45
- package/dist/dark/components/input.d.ts.map +1 -1
- package/dist/dark/components/input.js +3 -3
- package/dist/dark/components/radio.d.ts +15 -15
- package/dist/dark/components/radio.d.ts.map +1 -1
- package/dist/dark/components/radio.js +3 -3
- package/dist/dark/components/select.d.ts +135 -135
- package/dist/dark/components/select.d.ts.map +1 -1
- package/dist/dark/components/select.js +4 -4
- package/dist/factories/createButtonTokens.d.ts +5 -0
- package/dist/factories/createButtonTokens.d.ts.map +1 -0
- package/dist/factories/createButtonTokens.js +4 -0
- package/dist/factories/createCheckboxTokens.d.ts +5 -0
- package/dist/factories/createCheckboxTokens.d.ts.map +1 -0
- package/dist/factories/createCheckboxTokens.js +4 -0
- package/dist/factories/createDropdownTokens.d.ts +4 -0
- package/dist/factories/createDropdownTokens.d.ts.map +1 -0
- package/dist/factories/createDropdownTokens.js +4 -0
- package/dist/factories/createFormFieldTokens.d.ts +2 -0
- package/dist/factories/createFormFieldTokens.d.ts.map +1 -1
- package/dist/factories/createFormFieldTokens.js +4 -1
- package/dist/factories/createInputTokens.d.ts +5 -0
- package/dist/factories/createInputTokens.d.ts.map +1 -0
- package/dist/factories/createInputTokens.js +4 -0
- package/dist/factories/createRadioTokens.d.ts +5 -0
- package/dist/factories/createRadioTokens.d.ts.map +1 -0
- package/dist/factories/createRadioTokens.js +4 -0
- package/dist/factories/createSelectTokens.d.ts +4 -0
- package/dist/factories/createSelectTokens.d.ts.map +1 -0
- package/dist/factories/createSelectTokens.js +4 -0
- package/dist/factories/index.d.ts +9 -4
- package/dist/factories/index.d.ts.map +1 -1
- package/dist/factories/index.js +9 -4
- package/dist/factories/{createButtonPalette.d.ts → palettes/createButtonIntentPalette.d.ts} +2 -2
- package/dist/factories/palettes/createButtonIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createButtonPalette.js → palettes/createButtonIntentPalette.js} +1 -1
- package/dist/factories/{createCheckboxPalette.d.ts → palettes/createCheckboxIntentPalette.d.ts} +2 -2
- package/dist/factories/palettes/createCheckboxIntentPalette.d.ts.map +1 -0
- package/dist/factories/palettes/createCheckboxIntentPalette.js +6 -0
- package/dist/factories/{createDropdownPalette.d.ts → palettes/createDropdownIntentPalette.d.ts} +3 -3
- package/dist/factories/palettes/createDropdownIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createDropdownPalette.js → palettes/createDropdownIntentPalette.js} +1 -1
- package/dist/factories/{createInputPalette.d.ts → palettes/createInputIntentPalette.d.ts} +2 -2
- package/dist/factories/palettes/createInputIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createInputPalette.js → palettes/createInputIntentPalette.js} +2 -2
- package/dist/factories/{createRadioPalette.d.ts → palettes/createRadioIntentPalette.d.ts} +2 -2
- package/dist/factories/palettes/createRadioIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createRadioPalette.js → palettes/createRadioIntentPalette.js} +2 -2
- package/dist/factories/{createSelectPalette.d.ts → palettes/createSelectIntentPalette.d.ts} +30 -30
- package/dist/factories/palettes/createSelectIntentPalette.d.ts.map +1 -0
- package/dist/factories/{createSelectPalette.js → palettes/createSelectIntentPalette.js} +1 -1
- package/dist/highContrast/components/button.d.ts +15 -15
- package/dist/highContrast/components/button.d.ts.map +1 -1
- package/dist/highContrast/components/button.js +3 -3
- package/dist/highContrast/components/checkbox.d.ts +15 -15
- package/dist/highContrast/components/checkbox.d.ts.map +1 -1
- package/dist/highContrast/components/checkbox.js +3 -3
- package/dist/highContrast/components/dropdown.d.ts.map +1 -1
- package/dist/highContrast/components/dropdown.js +4 -4
- package/dist/highContrast/components/input.d.ts +45 -45
- package/dist/highContrast/components/input.d.ts.map +1 -1
- package/dist/highContrast/components/input.js +3 -3
- package/dist/highContrast/components/radio.d.ts +15 -15
- package/dist/highContrast/components/radio.d.ts.map +1 -1
- package/dist/highContrast/components/radio.js +3 -3
- package/dist/highContrast/components/select.d.ts +135 -135
- package/dist/highContrast/components/select.d.ts.map +1 -1
- package/dist/highContrast/components/select.js +4 -4
- package/dist/light/components/button.d.ts +15 -15
- package/dist/light/components/button.d.ts.map +1 -1
- package/dist/light/components/button.js +3 -3
- package/dist/light/components/checkbox.d.ts +15 -15
- package/dist/light/components/checkbox.d.ts.map +1 -1
- package/dist/light/components/checkbox.js +3 -3
- package/dist/light/components/dropdown.d.ts.map +1 -1
- package/dist/light/components/dropdown.js +4 -4
- package/dist/light/components/input.d.ts +45 -45
- package/dist/light/components/input.d.ts.map +1 -1
- package/dist/light/components/input.js +3 -3
- package/dist/light/components/radio.d.ts +15 -15
- package/dist/light/components/radio.d.ts.map +1 -1
- package/dist/light/components/radio.js +3 -3
- package/dist/light/components/select.d.ts +135 -135
- package/dist/light/components/select.d.ts.map +1 -1
- package/dist/light/components/select.js +4 -4
- package/dist/preservation/token-migrations.d.ts +4 -4
- package/dist/token-architecture.d.ts +14 -14
- package/dist/token-architecture.js +14 -14
- package/package.json +1 -1
- package/dist/factories/createButtonPalette.d.ts.map +0 -1
- package/dist/factories/createCheckboxPalette.d.ts.map +0 -1
- package/dist/factories/createCheckboxPalette.js +0 -6
- package/dist/factories/createDropdownPalette.d.ts.map +0 -1
- package/dist/factories/createInputPalette.d.ts.map +0 -1
- package/dist/factories/createRadioPalette.d.ts.map +0 -1
- package/dist/factories/createSelectPalette.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createCheckboxTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createCheckboxTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAErE,wBAAgB,oBAAoB,CAClC,KAAK,CAAC,OAAO,SAAS,oBAAoB,EAC1C,MAAM,EAAE,OAAO,GAAG,OAAO,CAE1B;AAED,YAAY,EACV,qBAAqB,EACrB,aAAa,GACd,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,IAAI,qBAAqB,GACrD,MAAM,2CAA2C,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export type DropdownTokensConfig = Readonly<Record<string, unknown>>;
|
|
2
|
+
export declare function createDropdownTokens<const TTokens extends DropdownTokensConfig>(tokens: TTokens): TTokens;
|
|
3
|
+
export { createDropdownIntentPalette, createDropdownIntentPalette as createDropdownPalette, } from './palettes/createDropdownIntentPalette.js';
|
|
4
|
+
//# sourceMappingURL=createDropdownTokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createDropdownTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createDropdownTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAErE,wBAAgB,oBAAoB,CAClC,KAAK,CAAC,OAAO,SAAS,oBAAoB,EAC1C,MAAM,EAAE,OAAO,GAAG,OAAO,CAE1B;AAED,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,IAAI,qBAAqB,GACrD,MAAM,2CAA2C,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
type FormFieldStatus = {
|
|
2
2
|
fg: string;
|
|
3
3
|
};
|
|
4
|
+
export type FormFieldTokensConfig = Readonly<Record<string, unknown>>;
|
|
5
|
+
export declare function createFormFieldTokens<const TTokens extends FormFieldTokensConfig>(tokens: TTokens): TTokens;
|
|
4
6
|
export type FormFieldThemeSources = {
|
|
5
7
|
radius: {
|
|
6
8
|
full: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFormFieldTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createFormFieldTokens.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,OAAO,EAAE;QACP,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KAChC,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;QACF,UAAU,EAAE;YACV,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,OAAO,EAAE,eAAe,CAAC;QACzB,OAAO,EAAE,eAAe,CAAC;QACzB,IAAI,EAAE,eAAe,CAAC;KACvB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,gDAM5C,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"createFormFieldTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createFormFieldTokens.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEtE,wBAAgB,qBAAqB,CACnC,KAAK,CAAC,OAAO,SAAS,qBAAqB,EAC3C,MAAM,EAAE,OAAO,GAAG,OAAO,CAE1B;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,OAAO,EAAE;QACP,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KAChC,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;QACF,UAAU,EAAE;YACV,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;SACZ,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,OAAO,EAAE,eAAe,CAAC;QACzB,OAAO,EAAE,eAAe,CAAC;QACzB,IAAI,EAAE,eAAe,CAAC;KACvB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,gDAM5C,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGpB,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
export
|
|
1
|
+
export function createFormFieldTokens(tokens) {
|
|
2
|
+
return tokens;
|
|
3
|
+
}
|
|
4
|
+
export const createFormFieldTokensFromTheme = ({ radius, spacing, typography, status, text, }) => createFormFieldTokens({
|
|
2
5
|
label: {
|
|
3
6
|
fg: text.primary,
|
|
4
7
|
},
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type InputTokensConfig = Readonly<Record<string, unknown>>;
|
|
2
|
+
export declare function createInputTokens<const TTokens extends InputTokensConfig>(tokens: TTokens): TTokens;
|
|
3
|
+
export type { InputColorPaletteConfig, InputPaletteConfig, InputState, } from './palettes/createInputIntentPalette.js';
|
|
4
|
+
export { createInputColorPalette, createInputIntentPalette, createInputIntentPalette as createInputPalette, } from './palettes/createInputIntentPalette.js';
|
|
5
|
+
//# sourceMappingURL=createInputTokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createInputTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createInputTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,OAAO,SAAS,iBAAiB,EACvE,MAAM,EAAE,OAAO,GACd,OAAO,CAET;AAED,YAAY,EACV,uBAAuB,EACvB,kBAAkB,EAClB,UAAU,GACX,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,IAAI,kBAAkB,GAC/C,MAAM,wCAAwC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type RadioTokensConfig = Readonly<Record<string, unknown>>;
|
|
2
|
+
export declare function createRadioTokens<const TTokens extends RadioTokensConfig>(tokens: TTokens): TTokens;
|
|
3
|
+
export type { RadioPaletteConfig, RadioState, } from './palettes/createRadioIntentPalette.js';
|
|
4
|
+
export { createRadioIntentPalette, createRadioIntentPalette as createRadioPalette, radioMotionTokens, radioSizeTokens, } from './palettes/createRadioIntentPalette.js';
|
|
5
|
+
//# sourceMappingURL=createRadioTokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createRadioTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createRadioTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,OAAO,SAAS,iBAAiB,EACvE,MAAM,EAAE,OAAO,GACd,OAAO,CAET;AAED,YAAY,EACV,kBAAkB,EAClB,UAAU,GACX,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,wBAAwB,EACxB,wBAAwB,IAAI,kBAAkB,EAC9C,iBAAiB,EACjB,eAAe,GAChB,MAAM,wCAAwC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export type SelectTokensConfig = Readonly<Record<string, unknown>>;
|
|
2
|
+
export declare function createSelectTokens<const TTokens extends SelectTokensConfig>(tokens: TTokens): TTokens;
|
|
3
|
+
export { createSelectIntentPalette, createSelectIntentPalette as createSelectPalette, } from './palettes/createSelectIntentPalette.js';
|
|
4
|
+
//# sourceMappingURL=createSelectTokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createSelectTokens.d.ts","sourceRoot":"","sources":["../../src/factories/createSelectTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEnE,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,OAAO,SAAS,kBAAkB,EACzE,MAAM,EAAE,OAAO,GACd,OAAO,CAET;AAED,OAAO,EACL,yBAAyB,EACzB,yBAAyB,IAAI,mBAAmB,GACjD,MAAM,yCAAyC,CAAC"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
export * from './createAccordionTokens.js';
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './
|
|
4
|
-
export * from './
|
|
2
|
+
export * from './createButtonTokens.js';
|
|
3
|
+
export * from './createCheckboxTokens.js';
|
|
4
|
+
export * from './createContextMenuTokens.js';
|
|
5
|
+
export * from './createDropdownTokens.js';
|
|
6
|
+
export * from './createFormFieldTokens.js';
|
|
7
|
+
export * from './createInputTokens.js';
|
|
5
8
|
export * from './createModalTokens.js';
|
|
9
|
+
export * from './createPopoverTokens.js';
|
|
6
10
|
export * from './createRadioGroupTokens.js';
|
|
7
|
-
export * from './
|
|
11
|
+
export * from './createRadioTokens.js';
|
|
12
|
+
export * from './createSelectTokens.js';
|
|
8
13
|
export * from './createSwitchTokens.js';
|
|
9
14
|
export * from './createTabsTokens.js';
|
|
10
15
|
export * from './createTooltipTokens.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC"}
|
package/dist/factories/index.js
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
export * from './createAccordionTokens.js';
|
|
2
|
-
export * from './
|
|
3
|
-
export * from './
|
|
4
|
-
export * from './
|
|
2
|
+
export * from './createButtonTokens.js';
|
|
3
|
+
export * from './createCheckboxTokens.js';
|
|
4
|
+
export * from './createContextMenuTokens.js';
|
|
5
|
+
export * from './createDropdownTokens.js';
|
|
6
|
+
export * from './createFormFieldTokens.js';
|
|
7
|
+
export * from './createInputTokens.js';
|
|
5
8
|
export * from './createModalTokens.js';
|
|
9
|
+
export * from './createPopoverTokens.js';
|
|
6
10
|
export * from './createRadioGroupTokens.js';
|
|
7
|
-
export * from './
|
|
11
|
+
export * from './createRadioTokens.js';
|
|
12
|
+
export * from './createSelectTokens.js';
|
|
8
13
|
export * from './createSwitchTokens.js';
|
|
9
14
|
export * from './createTabsTokens.js';
|
|
10
15
|
export * from './createTooltipTokens.js';
|
|
@@ -27,7 +27,7 @@ export declare const transparent: {
|
|
|
27
27
|
readonly bg: "transparent";
|
|
28
28
|
readonly border: "transparent";
|
|
29
29
|
};
|
|
30
|
-
export declare const
|
|
30
|
+
export declare const createButtonIntentPalette: ({ ring, solid, fg, bg, border, hoverBg, hoverFg, hoverBorder, pressedBg, pressedFg, pressedBorder, softBorder, softHoverBorder, softPressedBorder, }: ButtonPaletteConfig) => {
|
|
31
31
|
readonly ring: string;
|
|
32
32
|
readonly solid: {
|
|
33
33
|
default: ButtonState;
|
|
@@ -103,4 +103,4 @@ export declare const createButtonPalette: ({ ring, solid, fg, bg, border, hoverB
|
|
|
103
103
|
};
|
|
104
104
|
};
|
|
105
105
|
};
|
|
106
|
-
//# sourceMappingURL=
|
|
106
|
+
//# sourceMappingURL=createButtonIntentPalette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createButtonIntentPalette.d.ts","sourceRoot":"","sources":["../../../src/factories/palettes/createButtonIntentPalette.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IAEb,KAAK,EAAE;QACL,OAAO,EAAE,WAAW,CAAC;QACrB,KAAK,EAAE,WAAW,CAAC;QACnB,OAAO,EAAE,WAAW,CAAC;KACtB,CAAC;IAEF,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAEX,eAAO,MAAM,yBAAyB,GAAI,sJAevC,mBAAmB;;;iBA1CT,WAAW;eACb,WAAW;iBACT,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHX,CAAC"}
|
|
@@ -2,7 +2,7 @@ export const transparent = {
|
|
|
2
2
|
bg: 'transparent',
|
|
3
3
|
border: 'transparent',
|
|
4
4
|
};
|
|
5
|
-
export const
|
|
5
|
+
export const createButtonIntentPalette = ({ ring, solid, fg, bg, border, hoverBg, hoverFg, hoverBorder = border, pressedBg, pressedFg, pressedBorder = border, softBorder = transparent.border, softHoverBorder = softBorder, softPressedBorder = softBorder, }) => ({
|
|
6
6
|
ring,
|
|
7
7
|
solid,
|
|
8
8
|
outline: {
|
package/dist/factories/{createCheckboxPalette.d.ts → palettes/createCheckboxIntentPalette.d.ts}
RENAMED
|
@@ -10,10 +10,10 @@ export type CheckboxPaletteConfig = {
|
|
|
10
10
|
hover: CheckboxState;
|
|
11
11
|
pressed: CheckboxState;
|
|
12
12
|
};
|
|
13
|
-
export declare const
|
|
13
|
+
export declare const createCheckboxIntentPalette: ({ ring, default: defaultState, hover, pressed, }: CheckboxPaletteConfig) => {
|
|
14
14
|
readonly ring: string;
|
|
15
15
|
readonly default: CheckboxState;
|
|
16
16
|
readonly hover: CheckboxState;
|
|
17
17
|
readonly pressed: CheckboxState;
|
|
18
18
|
};
|
|
19
|
-
//# sourceMappingURL=
|
|
19
|
+
//# sourceMappingURL=createCheckboxIntentPalette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createCheckboxIntentPalette.d.ts","sourceRoot":"","sources":["../../../src/factories/palettes/createCheckboxIntentPalette.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,aAAa,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,kDAKzC,qBAAqB;;;;;CAMX,CAAC"}
|
package/dist/factories/{createDropdownPalette.d.ts → palettes/createDropdownIntentPalette.d.ts}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { createInputColorPalette } from './
|
|
1
|
+
import type { createInputColorPalette } from './createInputIntentPalette.js';
|
|
2
2
|
type DropdownBasePalette = ReturnType<typeof createInputColorPalette>;
|
|
3
3
|
type DropdownPaletteConfig = {
|
|
4
4
|
contentBorder?: string;
|
|
@@ -14,7 +14,7 @@ type DropdownPaletteConfig = {
|
|
|
14
14
|
itemBadgeFg?: string;
|
|
15
15
|
itemBadgeBorder?: string;
|
|
16
16
|
};
|
|
17
|
-
export declare const
|
|
17
|
+
export declare const createDropdownIntentPalette: (palette: DropdownBasePalette, config?: DropdownPaletteConfig) => {
|
|
18
18
|
readonly ring: string;
|
|
19
19
|
readonly content: {
|
|
20
20
|
readonly border: string;
|
|
@@ -66,4 +66,4 @@ export declare const createDropdownPalette: (palette: DropdownBasePalette, confi
|
|
|
66
66
|
};
|
|
67
67
|
};
|
|
68
68
|
export {};
|
|
69
|
-
//# sourceMappingURL=
|
|
69
|
+
//# sourceMappingURL=createDropdownIntentPalette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createDropdownIntentPalette.d.ts","sourceRoot":"","sources":["../../../src/factories/palettes/createDropdownIntentPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AACtE,KAAK,qBAAqB,GAAG;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,SAAS,mBAAmB,EAC5B,SAAQ,qBAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CvB,CAAC"}
|
|
@@ -23,7 +23,7 @@ export type InputPaletteConfig = {
|
|
|
23
23
|
focus: InputState;
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
|
-
export declare const
|
|
26
|
+
export declare const createInputIntentPalette: ({ ring, outline, filled, soft, }: InputPaletteConfig) => {
|
|
27
27
|
readonly ring: string;
|
|
28
28
|
readonly outline: {
|
|
29
29
|
default: InputState;
|
|
@@ -75,4 +75,4 @@ export declare const createInputColorPalette: ({ accent, accentHover, accentSoft
|
|
|
75
75
|
focus: InputState;
|
|
76
76
|
};
|
|
77
77
|
};
|
|
78
|
-
//# sourceMappingURL=
|
|
78
|
+
//# sourceMappingURL=createInputIntentPalette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createInputIntentPalette.d.ts","sourceRoot":"","sources":["../../../src/factories/palettes/createInputIntentPalette.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QACP,OAAO,EAAE,UAAU,CAAC;QACpB,KAAK,EAAE,UAAU,CAAC;QAClB,KAAK,EAAE,UAAU,CAAC;KACnB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,UAAU,CAAC;QACpB,KAAK,EAAE,UAAU,CAAC;QAClB,KAAK,EAAE,UAAU,CAAC;KACnB,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU,CAAC;QACpB,KAAK,EAAE,UAAU,CAAC;QAClB,KAAK,EAAE,UAAU,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,kCAKtC,kBAAkB;;;iBArBR,UAAU;eACZ,UAAU;eACV,UAAU;;;iBAGR,UAAU;eACZ,UAAU;eACV,UAAU;;;iBAGR,UAAU;eACZ,UAAU;eACV,UAAU;;CAeR,CAAC;AAEd,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,0LAerC,uBAAuB;;;iBA7Db,UAAU;eACZ,UAAU;eACV,UAAU;;;iBAGR,UAAU;eACZ,UAAU;eACV,UAAU;;;iBAGR,UAAU;eACZ,UAAU;eACV,UAAU;;CAyHjB,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export const
|
|
1
|
+
export const createInputIntentPalette = ({ ring, outline, filled, soft, }) => ({
|
|
2
2
|
ring,
|
|
3
3
|
outline,
|
|
4
4
|
filled,
|
|
5
5
|
soft,
|
|
6
6
|
});
|
|
7
|
-
export const createInputColorPalette = ({ accent, accentHover, accentSoft, filledBg, filledHoverBg, hoverBg, ring, fg, placeholder, filledFocusBg, filledDefaultBorder = 'transparent', filledHoverBorder = accent, softDefaultBorder = 'transparent', softHoverBorder = accent, }) =>
|
|
7
|
+
export const createInputColorPalette = ({ accent, accentHover, accentSoft, filledBg, filledHoverBg, hoverBg, ring, fg, placeholder, filledFocusBg, filledDefaultBorder = 'transparent', filledHoverBorder = accent, softDefaultBorder = 'transparent', softHoverBorder = accent, }) => createInputIntentPalette({
|
|
8
8
|
ring,
|
|
9
9
|
outline: {
|
|
10
10
|
default: {
|
|
@@ -10,7 +10,7 @@ export type RadioPaletteConfig = {
|
|
|
10
10
|
hover: RadioState;
|
|
11
11
|
pressed: RadioState;
|
|
12
12
|
};
|
|
13
|
-
export declare const
|
|
13
|
+
export declare const createRadioIntentPalette: ({ ring, default: defaultState, hover, pressed, }: RadioPaletteConfig) => {
|
|
14
14
|
readonly ring: string;
|
|
15
15
|
readonly default: RadioState;
|
|
16
16
|
readonly hover: RadioState;
|
|
@@ -50,4 +50,4 @@ export declare const radioMotionTokens: {
|
|
|
50
50
|
readonly pressedScale: 0.92;
|
|
51
51
|
readonly pressedOpacity: 0.8;
|
|
52
52
|
};
|
|
53
|
-
//# sourceMappingURL=
|
|
53
|
+
//# sourceMappingURL=createRadioIntentPalette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createRadioIntentPalette.d.ts","sourceRoot":"","sources":["../../../src/factories/palettes/createRadioIntentPalette.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,kDAKtC,kBAAkB;;;;;CAMR,CAAC;AAEd,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;;;CAOpB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { typography } from '
|
|
2
|
-
export const
|
|
1
|
+
import { typography } from '../../tokens/typography.js';
|
|
2
|
+
export const createRadioIntentPalette = ({ ring, default: defaultState, hover, pressed, }) => ({
|
|
3
3
|
ring,
|
|
4
4
|
default: defaultState,
|
|
5
5
|
hover,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { createInputColorPalette } from './
|
|
1
|
+
import type { createInputColorPalette } from './createInputIntentPalette.js';
|
|
2
2
|
type SelectBasePalette = ReturnType<typeof createInputColorPalette>;
|
|
3
3
|
type SelectPaletteConfig = {
|
|
4
4
|
optionActiveBg?: string;
|
|
@@ -25,7 +25,7 @@ type SelectPaletteConfig = {
|
|
|
25
25
|
optionSelectedPressedBorder?: string;
|
|
26
26
|
optionSelectedPressedFg?: string;
|
|
27
27
|
};
|
|
28
|
-
export declare const
|
|
28
|
+
export declare const createSelectIntentPalette: (palette: SelectBasePalette, config?: SelectPaletteConfig) => {
|
|
29
29
|
readonly ring: string;
|
|
30
30
|
readonly outline: {
|
|
31
31
|
dropdown: {
|
|
@@ -76,9 +76,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
|
|
|
76
76
|
border: string;
|
|
77
77
|
};
|
|
78
78
|
};
|
|
79
|
-
default: import("./
|
|
80
|
-
hover: import("./
|
|
81
|
-
focus: import("./
|
|
79
|
+
default: import("./createInputIntentPalette.js").InputState;
|
|
80
|
+
hover: import("./createInputIntentPalette.js").InputState;
|
|
81
|
+
focus: import("./createInputIntentPalette.js").InputState;
|
|
82
82
|
} | {
|
|
83
83
|
dropdown: {
|
|
84
84
|
border: string;
|
|
@@ -128,9 +128,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
|
|
|
128
128
|
border: string;
|
|
129
129
|
};
|
|
130
130
|
};
|
|
131
|
-
default: import("./
|
|
132
|
-
hover: import("./
|
|
133
|
-
focus: import("./
|
|
131
|
+
default: import("./createInputIntentPalette.js").InputState;
|
|
132
|
+
hover: import("./createInputIntentPalette.js").InputState;
|
|
133
|
+
focus: import("./createInputIntentPalette.js").InputState;
|
|
134
134
|
} | {
|
|
135
135
|
dropdown: {
|
|
136
136
|
border: string;
|
|
@@ -180,9 +180,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
|
|
|
180
180
|
border: string;
|
|
181
181
|
};
|
|
182
182
|
};
|
|
183
|
-
default: import("./
|
|
184
|
-
hover: import("./
|
|
185
|
-
focus: import("./
|
|
183
|
+
default: import("./createInputIntentPalette.js").InputState;
|
|
184
|
+
hover: import("./createInputIntentPalette.js").InputState;
|
|
185
|
+
focus: import("./createInputIntentPalette.js").InputState;
|
|
186
186
|
};
|
|
187
187
|
readonly filled: {
|
|
188
188
|
dropdown: {
|
|
@@ -233,9 +233,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
|
|
|
233
233
|
border: string;
|
|
234
234
|
};
|
|
235
235
|
};
|
|
236
|
-
default: import("./
|
|
237
|
-
hover: import("./
|
|
238
|
-
focus: import("./
|
|
236
|
+
default: import("./createInputIntentPalette.js").InputState;
|
|
237
|
+
hover: import("./createInputIntentPalette.js").InputState;
|
|
238
|
+
focus: import("./createInputIntentPalette.js").InputState;
|
|
239
239
|
} | {
|
|
240
240
|
dropdown: {
|
|
241
241
|
border: string;
|
|
@@ -285,9 +285,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
|
|
|
285
285
|
border: string;
|
|
286
286
|
};
|
|
287
287
|
};
|
|
288
|
-
default: import("./
|
|
289
|
-
hover: import("./
|
|
290
|
-
focus: import("./
|
|
288
|
+
default: import("./createInputIntentPalette.js").InputState;
|
|
289
|
+
hover: import("./createInputIntentPalette.js").InputState;
|
|
290
|
+
focus: import("./createInputIntentPalette.js").InputState;
|
|
291
291
|
} | {
|
|
292
292
|
dropdown: {
|
|
293
293
|
border: string;
|
|
@@ -337,9 +337,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
|
|
|
337
337
|
border: string;
|
|
338
338
|
};
|
|
339
339
|
};
|
|
340
|
-
default: import("./
|
|
341
|
-
hover: import("./
|
|
342
|
-
focus: import("./
|
|
340
|
+
default: import("./createInputIntentPalette.js").InputState;
|
|
341
|
+
hover: import("./createInputIntentPalette.js").InputState;
|
|
342
|
+
focus: import("./createInputIntentPalette.js").InputState;
|
|
343
343
|
};
|
|
344
344
|
readonly soft: {
|
|
345
345
|
dropdown: {
|
|
@@ -390,9 +390,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
|
|
|
390
390
|
border: string;
|
|
391
391
|
};
|
|
392
392
|
};
|
|
393
|
-
default: import("./
|
|
394
|
-
hover: import("./
|
|
395
|
-
focus: import("./
|
|
393
|
+
default: import("./createInputIntentPalette.js").InputState;
|
|
394
|
+
hover: import("./createInputIntentPalette.js").InputState;
|
|
395
|
+
focus: import("./createInputIntentPalette.js").InputState;
|
|
396
396
|
} | {
|
|
397
397
|
dropdown: {
|
|
398
398
|
border: string;
|
|
@@ -442,9 +442,9 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
|
|
|
442
442
|
border: string;
|
|
443
443
|
};
|
|
444
444
|
};
|
|
445
|
-
default: import("./
|
|
446
|
-
hover: import("./
|
|
447
|
-
focus: import("./
|
|
445
|
+
default: import("./createInputIntentPalette.js").InputState;
|
|
446
|
+
hover: import("./createInputIntentPalette.js").InputState;
|
|
447
|
+
focus: import("./createInputIntentPalette.js").InputState;
|
|
448
448
|
} | {
|
|
449
449
|
dropdown: {
|
|
450
450
|
border: string;
|
|
@@ -494,10 +494,10 @@ export declare const createSelectPalette: (palette: SelectBasePalette, config?:
|
|
|
494
494
|
border: string;
|
|
495
495
|
};
|
|
496
496
|
};
|
|
497
|
-
default: import("./
|
|
498
|
-
hover: import("./
|
|
499
|
-
focus: import("./
|
|
497
|
+
default: import("./createInputIntentPalette.js").InputState;
|
|
498
|
+
hover: import("./createInputIntentPalette.js").InputState;
|
|
499
|
+
focus: import("./createInputIntentPalette.js").InputState;
|
|
500
500
|
};
|
|
501
501
|
};
|
|
502
502
|
export {};
|
|
503
|
-
//# sourceMappingURL=
|
|
503
|
+
//# sourceMappingURL=createSelectIntentPalette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createSelectIntentPalette.d.ts","sourceRoot":"","sources":["../../../src/factories/palettes/createSelectIntentPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEpE,KAAK,mBAAmB,GAAG;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AA8DF,eAAO,MAAM,yBAAyB,GACpC,SAAS,iBAAiB,EAC1B,SAAQ,mBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC"}
|
|
@@ -52,7 +52,7 @@ const createSelectVariant = (palette, variant, config) => {
|
|
|
52
52
|
},
|
|
53
53
|
};
|
|
54
54
|
};
|
|
55
|
-
export const
|
|
55
|
+
export const createSelectIntentPalette = (palette, config = {}) => ({
|
|
56
56
|
ring: palette.ring,
|
|
57
57
|
outline: createSelectVariant(palette, 'outline', config),
|
|
58
58
|
filled: createSelectVariant(palette, 'filled', config),
|
|
@@ -2,9 +2,9 @@ export declare const button: {
|
|
|
2
2
|
readonly primary: {
|
|
3
3
|
readonly ring: string;
|
|
4
4
|
readonly solid: {
|
|
5
|
-
default: import("../../factories/
|
|
6
|
-
hover: import("../../factories/
|
|
7
|
-
pressed: import("../../factories/
|
|
5
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
6
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
7
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
8
8
|
};
|
|
9
9
|
readonly outline: {
|
|
10
10
|
readonly default: {
|
|
@@ -78,9 +78,9 @@ export declare const button: {
|
|
|
78
78
|
readonly neutral: {
|
|
79
79
|
readonly ring: string;
|
|
80
80
|
readonly solid: {
|
|
81
|
-
default: import("../../factories/
|
|
82
|
-
hover: import("../../factories/
|
|
83
|
-
pressed: import("../../factories/
|
|
81
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
82
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
83
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
84
84
|
};
|
|
85
85
|
readonly outline: {
|
|
86
86
|
readonly default: {
|
|
@@ -154,9 +154,9 @@ export declare const button: {
|
|
|
154
154
|
readonly success: {
|
|
155
155
|
readonly ring: string;
|
|
156
156
|
readonly solid: {
|
|
157
|
-
default: import("../../factories/
|
|
158
|
-
hover: import("../../factories/
|
|
159
|
-
pressed: import("../../factories/
|
|
157
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
158
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
159
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
160
160
|
};
|
|
161
161
|
readonly outline: {
|
|
162
162
|
readonly default: {
|
|
@@ -230,9 +230,9 @@ export declare const button: {
|
|
|
230
230
|
readonly warning: {
|
|
231
231
|
readonly ring: string;
|
|
232
232
|
readonly solid: {
|
|
233
|
-
default: import("../../factories/
|
|
234
|
-
hover: import("../../factories/
|
|
235
|
-
pressed: import("../../factories/
|
|
233
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
234
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
235
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
236
236
|
};
|
|
237
237
|
readonly outline: {
|
|
238
238
|
readonly default: {
|
|
@@ -306,9 +306,9 @@ export declare const button: {
|
|
|
306
306
|
readonly danger: {
|
|
307
307
|
readonly ring: string;
|
|
308
308
|
readonly solid: {
|
|
309
|
-
default: import("../../factories/
|
|
310
|
-
hover: import("../../factories/
|
|
311
|
-
pressed: import("../../factories/
|
|
309
|
+
default: import("../../factories/createButtonTokens.js").ButtonState;
|
|
310
|
+
hover: import("../../factories/createButtonTokens.js").ButtonState;
|
|
311
|
+
pressed: import("../../factories/createButtonTokens.js").ButtonState;
|
|
312
312
|
};
|
|
313
313
|
readonly outline: {
|
|
314
314
|
readonly default: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/button.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/button.ts"],"names":[],"mappings":"AA+JA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYjB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createButtonPalette } from '../../factories/
|
|
1
|
+
import { createButtonPalette, createButtonTokens, } from '../../factories/createButtonTokens.js';
|
|
2
2
|
import { colors } from '../../primitives/colors.js';
|
|
3
3
|
import { border } from '../semantic/border.js';
|
|
4
4
|
import { status } from '../semantic/status.js';
|
|
@@ -148,7 +148,7 @@ const danger = createButtonPalette({
|
|
|
148
148
|
pressedFg: colors.error[300],
|
|
149
149
|
pressedBorder: colors.error[500],
|
|
150
150
|
});
|
|
151
|
-
export const button = {
|
|
151
|
+
export const button = createButtonTokens({
|
|
152
152
|
primary,
|
|
153
153
|
neutral,
|
|
154
154
|
success,
|
|
@@ -159,4 +159,4 @@ export const button = {
|
|
|
159
159
|
fg: text.disabled,
|
|
160
160
|
border: border.disabled,
|
|
161
161
|
},
|
|
162
|
-
};
|
|
162
|
+
});
|
|
@@ -12,33 +12,33 @@ export declare const checkbox: {
|
|
|
12
12
|
};
|
|
13
13
|
readonly primary: {
|
|
14
14
|
readonly ring: string;
|
|
15
|
-
readonly default: import("../../factories/
|
|
16
|
-
readonly hover: import("../../factories/
|
|
17
|
-
readonly pressed: import("../../factories/
|
|
15
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
16
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
17
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
18
18
|
};
|
|
19
19
|
readonly neutral: {
|
|
20
20
|
readonly ring: string;
|
|
21
|
-
readonly default: import("../../factories/
|
|
22
|
-
readonly hover: import("../../factories/
|
|
23
|
-
readonly pressed: import("../../factories/
|
|
21
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
22
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
23
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
24
24
|
};
|
|
25
25
|
readonly success: {
|
|
26
26
|
readonly ring: string;
|
|
27
|
-
readonly default: import("../../factories/
|
|
28
|
-
readonly hover: import("../../factories/
|
|
29
|
-
readonly pressed: import("../../factories/
|
|
27
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
28
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
29
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
30
30
|
};
|
|
31
31
|
readonly warning: {
|
|
32
32
|
readonly ring: string;
|
|
33
|
-
readonly default: import("../../factories/
|
|
34
|
-
readonly hover: import("../../factories/
|
|
35
|
-
readonly pressed: import("../../factories/
|
|
33
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
34
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
35
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
36
36
|
};
|
|
37
37
|
readonly danger: {
|
|
38
38
|
readonly ring: string;
|
|
39
|
-
readonly default: import("../../factories/
|
|
40
|
-
readonly hover: import("../../factories/
|
|
41
|
-
readonly pressed: import("../../factories/
|
|
39
|
+
readonly default: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
40
|
+
readonly hover: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
41
|
+
readonly pressed: import("../../factories/createCheckboxTokens.js").CheckboxState;
|
|
42
42
|
};
|
|
43
43
|
readonly focus: {
|
|
44
44
|
readonly ring: "#FCD34D";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/checkbox.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/checkbox.ts"],"names":[],"mappings":"AAwHA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBnB,CAAC"}
|