@bitrise/bitkit-v2 0.3.68 → 0.3.69
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/components/{DataDisplay/BitkitBadge → BitkitBadge}/BitkitBadge.d.ts +3 -0
- package/dist/components/BitkitToggle/components/BitkitToggleReadOnly.js +4 -4
- package/dist/theme/global-css.js +3 -3
- package/dist/theme/recipes/Badge.recipe.d.ts +5 -11
- package/dist/theme/recipes/Badge.recipe.js +11 -130
- package/dist/theme/recipes/Spinner.recipe.d.ts +4 -4
- package/dist/theme/recipes/Spinner.recipe.js +4 -4
- package/dist/theme/recipes/index.d.ts +9 -15
- package/dist/theme/semantic-tokens/semanticColors.js +1533 -5
- package/dist/theme/tokens/colors.d.ts +1015 -1
- package/dist/theme/tokens/colors.js +564 -398
- package/dist/theme/tokens/index.d.ts +561 -1
- package/package.json +2 -2
- package/dist/theme/semantic-tokens/semanticColors.json.d.ts +0 -1531
- package/dist/theme/semantic-tokens/semanticColors.json.js +0 -29
- /package/dist/components/{DataDisplay/BitkitBadge → BitkitBadge}/BitkitBadge.js +0 -0
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
const l = { primary: { value: { _light: "{colors.pal.purple.30}" } } }, s = { primary: { value: { _light: "{colors.pal.neutral.90}" } } }, o = { fg: { base: { value: { _light: "{colors.pal.neutral.10}" } }, primary: { value: { _light: "{colors.pal.purple.10}" } }, secondary: { value: { _light: "{colors.pal.neutral.40}" } }, tertiary: { value: { _light: "{colors.pal.neutral.60}" } }, subtle: { value: { _light: "{colors.pal.neutral.70}" } }, minimal: { value: { _light: "{colors.pal.neutral.80}" } }, positive: { value: { _light: "{colors.pal.green.50}" } }, negative: { value: { _light: "{colors.pal.red.50}" } }, "on-color": { value: { _light: "{colors.pal.neutral.100}" } }, "on-contrast": { value: { _light: "{colors.pal.neutral.95}" } }, "on-disabled": { value: { _light: "{colors.pal.neutral.70}" } }, disabled: { value: { _light: "{colors.pal.neutral.80}" } } }, bg: { surface: { value: { _light: "{colors.pal.neutral.100}" } }, contrast: { value: { _light: "{colors.pal.neutral.10}" } }, moderate: { value: { _light: "{colors.pal.neutral.90}" } }, subtle: { value: { _light: "{colors.pal.neutral.93}" } }, minimal: { value: { _light: "{colors.pal.neutral.95}" } }, disabled: { value: { _light: "{colors.pal.neutral.95}" } } }, border: { minimal: { value: { _light: "{colors.pal.neutral.93}" } }, subtle: { value: { _light: "{colors.pal.neutral.90}" } }, strong: { value: { _light: "{colors.pal.neutral.80}" } }, emphasized: { value: { _light: "{colors.pal.neutral.70}" } }, critical: { value: { _light: "{colors.pal.red.50}" } }, inverse: { value: { _light: "{colors.pal.neutral.100}" } }, "on-contrast": { value: { _light: "{colors.pal.neutral.95}" } }, disabled: { value: { _light: "{colors.pal.neutral.90}" } } }, primary: { base: { value: { _light: "{colors.pal.purple.40}" } }, emphasized: { value: { _light: "{colors.pal.purple.30}" } }, contrast: { value: { _light: "{colors.pal.purple.10}" } }, muted: { value: { _light: "{colors.pal.purple.80}" } }, subtle: { value: { _light: "{colors.pal.purple.93}" } }, disabled: { value: { _light: "{colors.pal.neutral.90}" } } }, interactive: { base: { value: { _light: "{colors.pal.purple.50}" } }, strong: { value: { _light: "{colors.pal.purple.40}" } }, bold: { value: { _light: "{colors.pal.purple.60}" } }, highlight: { value: { _light: "{colors.pal.purple.70}" } }, muted: { value: { _light: "{colors.pal.purple.80}" } }, moderate: { value: { _light: "{colors.pal.purple.90}" } }, subtle: { value: { _light: "{colors.pal.purple.93}" } }, minimal: { value: { _light: "{colors.pal.purple.95}" } }, disabled: { value: { _light: "{colors.pal.neutral.90}" } } }, info: { base: { value: { _light: "{colors.pal.blue.50}" } }, strong: { value: { _light: "{colors.pal.blue.40}" } }, bold: { value: { _light: "{colors.pal.blue.60}" } }, muted: { value: { _light: "{colors.pal.blue.80}" } }, moderate: { value: { _light: "{colors.pal.blue.90}" } }, subtle: { value: { _light: "{colors.pal.blue.93}" } }, minimal: { value: { _light: "{colors.pal.blue.95}" } } }, success: { base: { value: { _light: "{colors.pal.green.50}" } }, strong: { value: { _light: "{colors.pal.green.40}" } }, bold: { value: { _light: "{colors.pal.green.60}" } }, muted: { value: { _light: "{colors.pal.green.80}" } }, moderate: { value: { _light: "{colors.pal.green.90}" } }, subtle: { value: { _light: "{colors.pal.green.93}" } }, minimal: { value: { _light: "{colors.pal.green.95}" } } }, warning: { base: { value: { _light: "{colors.pal.yellow.50}" } }, strong: { value: { _light: "{colors.pal.yellow.40}" } }, bold: { value: { _light: "{colors.pal.yellow.60}" } }, muted: { value: { _light: "{colors.pal.yellow.80}" } }, moderate: { value: { _light: "{colors.pal.yellow.90}" } }, subtle: { value: { _light: "{colors.pal.yellow.93}" } }, minimal: { value: { _light: "{colors.pal.yellow.95}" } } }, critical: { base: { value: { _light: "{colors.pal.red.50}" } }, dark: { value: { _light: "{colors.pal.red.20}" } }, strong: { value: { _light: "{colors.pal.red.40}" } }, bold: { value: { _light: "{colors.pal.red.60}" } }, muted: { value: { _light: "{colors.pal.red.80}" } }, moderate: { value: { _light: "{colors.pal.red.90}" } }, subtle: { value: { _light: "{colors.pal.red.93}" } }, minimal: { value: { _light: "{colors.pal.red.95}" } } }, neutral: { base: { value: { _light: "{colors.pal.neutral.50}" } }, strong: { value: { _light: "{colors.pal.neutral.40}" } }, bold: { value: { _light: "{colors.pal.neutral.60}" } }, muted: { value: { _light: "{colors.pal.neutral.80}" } }, moderate: { value: { _light: "{colors.pal.neutral.90}" } }, subtle: { value: { _light: "{colors.pal.neutral.93}" } }, minimal: { value: { _light: "{colors.pal.neutral.95}" } } }, orange: { base: { value: { _light: "{colors.pal.orange.50}" } }, strong: { value: { _light: "{colors.pal.orange.40}" } }, bold: { value: { _light: "{colors.pal.orange.60}" } }, muted: { value: { _light: "{colors.pal.orange.80}" } }, moderate: { value: { _light: "{colors.pal.orange.90}" } }, subtle: { value: { _light: "{colors.pal.orange.93}" } }, minimal: { value: { _light: "{colors.pal.orange.95}" } } }, turquoise: { base: { value: { _light: "{colors.pal.turquoise.50}" } }, dark: { value: { _light: "{colors.pal.turquoise.20}" } }, emphasized: { value: { _light: "{colors.pal.turquoise.30}" } }, strong: { value: { _light: "{colors.pal.turquoise.40}" } }, bold: { value: { _light: "{colors.pal.turquoise.60}" } }, muted: { value: { _light: "{colors.pal.turquoise.80}" } }, moderate: { value: { _light: "{colors.pal.turquoise.90}" } }, subtle: { value: { _light: "{colors.pal.turquoise.93}" } }, minimal: { value: { _light: "{colors.pal.turquoise.95}" } } } }, e = { primary: { value: { _light: "{colors.sys.bg.surface}" } }, secondary: { value: { _light: "{colors.sys.bg.minimal}" } }, tertiary: { value: { _light: "{colors.sys.bg.subtle}" } }, hover: { value: { _light: "{colors.sys.bg.subtle}" } }, active: { value: { _light: "{colors.sys.bg.moderate}" } }, selected: { value: { _light: "{colors.sys.interactive.minimal}" } }, "selected-hover": { value: { _light: "{colors.sys.interactive.subtle}" } }, contrast: { value: { _light: "{colors.sys.bg.contrast}" } }, disabled: { value: { _light: "{colors.sys.bg.disabled}" } } }, r = { regular: { value: { _light: "{colors.sys.border.subtle}" } }, minimal: { value: { _light: "{colors.sys.border.minimal}" } }, strong: { value: { _light: "{colors.sys.border.strong}" } }, hover: { value: { _light: "{colors.sys.border.emphasized}" } }, focus: { value: { _light: "{colors.sys.interactive.highlight}" } }, selected: { value: { _light: "{colors.sys.interactive}" } }, error: { value: { _light: "{colors.sys.border.critical}" } }, inverse: { value: { _light: "{colors.sys.border.inverse}" } }, "on-contrast": { value: { _light: "{colors.sys.border.on-contrast}" } }, disabled: { value: { _light: "{colors.sys.border.disabled}" } } }, a = { primary: { value: { _light: "{colors.sys.fg.primary}" } }, secondary: { value: { _light: "{colors.sys.fg.secondary}" } }, tertiary: { value: { _light: "{colors.sys.fg.tertiary}" } }, body: { value: { _light: "{colors.sys.fg}" } }, helper: { value: { _light: "{colors.sys.fg.secondary}" } }, link: { value: { _light: "{colors.sys.interactive}" } }, "link-hover": { value: { _light: "{colors.sys.interactive.strong}" } }, selected: { value: { _light: "{colors.sys.interactive}" } }, positive: { value: { _light: "{colors.sys.fg.positive}" } }, negative: { value: { _light: "{colors.sys.fg.negative}" } }, "on-color": { value: { _light: "{colors.sys.fg.on-color}" } }, "on-contrast": { value: { _light: "{colors.sys.fg.on-contrast}" } }, "on-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } }, disabled: { value: { _light: "{colors.sys.fg.disabled}" } } }, t = { primary: { value: { _light: "{colors.sys.fg.primary}" } }, secondary: { value: { _light: "{colors.sys.fg.secondary}" } }, tertiary: { value: { _light: "{colors.sys.fg.tertiary}" } }, interactive: { value: { _light: "{colors.sys.interactive}" } }, "interactive-hover": { value: { _light: "{colors.sys.interactive.strong}" } }, positive: { value: { _light: "{colors.sys.fg.positive}" } }, negative: { value: { _light: "{colors.sys.fg.negative}" } }, "on-color": { value: { _light: "{colors.sys.fg.on-color}" } }, "on-contrast": { value: { _light: "{colors.sys.fg.on-contrast}" } }, "on-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } }, disabled: { value: { _light: "{colors.sys.fg.disabled}" } } }, i = { primary: { bg: { value: { _light: "{colors.sys.primary}" } }, "bg-hover": { value: { _light: "{colors.sys.primary.emphasized}" } }, "bg-active": { value: { _light: "{colors.sys.fg.primary}" } }, "bg-disabled": { value: { _light: "{colors.sys.primary.disabled}" } }, fg: { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-active": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } } }, secondary: { bg: { value: { _light: "{colors.sys.bg.surface}" } }, "bg-hover": { value: { _light: "{colors.sys.bg.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.bg.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.minimal}" } }, fg: { value: { _light: "{colors.sys.fg.primary}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.primary}" } }, "fg-active": { value: { _light: "{colors.sys.fg.primary}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } }, border: { value: { _light: "{colors.sys.border.strong}" } }, "border-hover": { value: { _light: "{colors.sys.border.emphasized}" } }, "border-active": { value: { _light: "{colors.sys.border.emphasized}" } }, "border-disabled": { value: { _light: "{colors.sys.border.disabled}" } } }, tertiary: { bg: { value: { _light: "transparent" } }, "bg-hover": { value: { _light: "{colors.sys.bg.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.bg.moderate}" } }, "bg-disabled": { value: { _light: "transparent" } }, fg: { value: { _light: "{colors.sys.interactive}" } }, "fg-hover": { value: { _light: "{colors.sys.interactive.strong}" } }, "fg-active": { value: { _light: "{colors.sys.fg.primary}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } } }, "danger-primary": { bg: { value: { _light: "{colors.sys.critical}" } }, "bg-hover": { value: { _light: "{colors.sys.critical.strong}" } }, "bg-active": { value: { _light: "{colors.sys.critical.dark}" } }, "bg-disabled": { value: { _light: "{colors.sys.primary.disabled}" } }, fg: { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-active": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } } }, "danger-secondary": { bg: { value: { _light: "{colors.sys.bg.surface}" } }, "bg-hover": { value: { _light: "{colors.sys.critical.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.critical.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.minimal}" } }, fg: { value: { _light: "{colors.sys.critical}" } }, "fg-hover": { value: { _light: "{colors.sys.critical}" } }, "fg-active": { value: { _light: "{colors.sys.critical.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } }, border: { value: { _light: "{colors.sys.critical.muted}" } }, "border-hover": { value: { _light: "{colors.sys.critical.muted}" } }, "border-active": { value: { _light: "{colors.sys.critical}" } }, "border-disabled": { value: { _light: "{colors.sys.border.disabled}" } } }, "danger-tertiary": { bg: { value: { _light: "transparent" } }, "bg-hover": { value: { _light: "{colors.sys.critical.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.critical.moderate}" } }, "bg-disabled": { value: { _light: "transparent" } }, fg: { value: { _light: "{colors.sys.critical}" } }, "fg-hover": { value: { _light: "{colors.sys.critical}" } }, "fg-active": { value: { _light: "{colors.sys.critical.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } } }, "ai-primary": { bg: { value: { _light: "{colors.sys.turquoise.strong}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.emphasized}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.dark}" } }, "bg-disabled": { value: { _light: "{colors.sys.primary.disabled}" } }, fg: { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-hover": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-active": { value: { _light: "{colors.sys.fg.on-color}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.on-disabled}" } } }, "ai-secondary": { bg: { value: { _light: "{colors.sys.bg.surface}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.minimal}" } }, fg: { value: { _light: "{colors.sys.turquoise}" } }, "fg-hover": { value: { _light: "{colors.sys.turquoise}" } }, "fg-active": { value: { _light: "{colors.sys.turquoise.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } }, border: { value: { _light: "{colors.sys.turquoise.muted}" } }, "border-hover": { value: { _light: "{colors.sys.turquoise.muted}" } }, "border-active": { value: { _light: "{colors.sys.turquoise}" } }, "border-disabled": { value: { _light: "{colors.sys.border.disabled}" } } }, "ai-tertiary": { bg: { value: { _light: "{colors.sys.bg.transparent}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.minimal}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.moderate}" } }, "bg-disabled": { value: { _light: "{colors.sys.bg.transparent}" } }, fg: { value: { _light: "{colors.sys.turquoise}" } }, "fg-hover": { value: { _light: "{colors.sys.turquoise}" } }, "fg-active": { value: { _light: "{colors.sys.turquoise.strong}" } }, "fg-disabled": { value: { _light: "{colors.sys.fg.disabled}" } } } }, g = { text: { label: { value: { _light: "{colors.sys.fg.primary}" } }, inputValue: { value: { _light: "{colors.sys.fg}" } }, placeholder: { value: { _light: "{colors.sys.fg.subtle}" } }, helper: { value: { _light: "{colors.sys.fg.secondary}" } }, error: { value: { _light: "{colors.sys.fg.negative}" } } }, toggle: { frameOn: { value: { _light: "{colors.sys.success.bold}" } }, "frameOn-disabled": { value: { _light: "{colors.sys.success.bold/50}" } }, frameOff: { value: { _light: "{colors.sys.neutral.bold}" } }, "frameOff-disabled": { value: { _light: "{colors.sys.neutral.bold/50}" } }, slideOn: { value: { _light: "{colors.sys.bg.surface}" } }, "slideOn-disabled": { value: { _light: "{colors.sys.bg.surface}" } }, slideOff: { value: { _light: "{colors.sys.bg.surface}" } }, "slideOff-disabled": { value: { _light: "{colors.sys.bg.surface}" } } } }, u = { info: { bg: { value: { _light: "{colors.sys.info.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.info.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.info.moderate}" } }, border: { value: { _light: "{colors.sys.info.muted}" } }, icon: { value: { _light: "{colors.sys.info.strong}" } }, text: { value: { _light: "{colors.sys.info.strong}" } } }, success: { bg: { value: { _light: "{colors.sys.success.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.success.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.success.moderate}" } }, border: { value: { _light: "{colors.sys.success.muted}" } }, icon: { value: { _light: "{colors.sys.success.strong}" } }, text: { value: { _light: "{colors.sys.success.strong}" } } }, warning: { bg: { value: { _light: "{colors.sys.warning.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.warning.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.warning.moderate}" } }, border: { value: { _light: "{colors.sys.warning.muted}" } }, icon: { value: { _light: "{colors.sys.warning.strong}" } }, text: { value: { _light: "{colors.sys.warning.strong}" } } }, critical: { bg: { value: { _light: "{colors.sys.critical.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.critical.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.critical.moderate}" } }, border: { value: { _light: "{colors.sys.critical.muted}" } }, icon: { value: { _light: "{colors.sys.critical.strong}" } }, text: { value: { _light: "{colors.sys.critical.strong}" } } }, progress: { bg: { value: { _light: "{colors.sys.interactive.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.interactive.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.interactive.moderate}" } }, border: { value: { _light: "{colors.sys.interactive.muted}" } }, icon: { value: { _light: "{colors.sys.interactive.strong}" } }, text: { value: { _light: "{colors.sys.interactive.strong}" } } }, neutral: { bg: { value: { _light: "{colors.sys.neutral.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.neutral.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.neutral.moderate}" } }, border: { value: { _light: "{colors.sys.neutral.muted}" } }, icon: { value: { _light: "{colors.sys.neutral.strong}" } }, text: { value: { _light: "{colors.sys.neutral.strong}" } } }, ai: { bg: { value: { _light: "{colors.sys.turquoise.minimal}" } }, "bg-hover": { value: { _light: "{colors.sys.turquoise.subtle}" } }, "bg-active": { value: { _light: "{colors.sys.turquoise.moderate}" } }, border: { value: { _light: "{colors.sys.turquoise.muted}" } }, icon: { value: { _light: "{colors.sys.turquoise.strong}" } }, text: { value: { _light: "{colors.sys.turquoise.strong}" } } } }, c = { overlay: { value: { _light: "{colors.sys.bg.contrast/50}" } }, "overlay-side": { value: { _light: "linear-gradient (90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)" } }, "overlay-light": { value: { _light: "{colors.sys.bg.contrast/16}" } }, skeleton: { value: { _light: "{colors.sys.bg.subtle}" } }, "skeleton-strong": { value: { _light: "{colors.sys.fg.minimal}" } } }, v = { "header-action": { bg: { value: { _light: "{colors.sys.bg.surface/0}" } }, "bg-hover": { value: { _light: "{colors.sys.bg.surface/20}" } }, "bg-active": { value: { _light: "{colors.sys.bg.surface/20}" } }, "bg-selected": { value: { _light: "{colors.sys.bg.surface/20}" } }, "bg-selected-hover": { value: { _light: "{colors.sys.bg.surface/10}" } } } }, h = {
|
|
2
|
-
brand: l,
|
|
3
|
-
separator: s,
|
|
4
|
-
sys: o,
|
|
5
|
-
background: e,
|
|
6
|
-
border: r,
|
|
7
|
-
text: a,
|
|
8
|
-
icon: t,
|
|
9
|
-
button: i,
|
|
10
|
-
input: g,
|
|
11
|
-
status: u,
|
|
12
|
-
utilities: c,
|
|
13
|
-
ui: v
|
|
14
|
-
};
|
|
15
|
-
export {
|
|
16
|
-
e as background,
|
|
17
|
-
r as border,
|
|
18
|
-
l as brand,
|
|
19
|
-
i as button,
|
|
20
|
-
h as default,
|
|
21
|
-
t as icon,
|
|
22
|
-
g as input,
|
|
23
|
-
s as separator,
|
|
24
|
-
u as status,
|
|
25
|
-
o as sys,
|
|
26
|
-
a as text,
|
|
27
|
-
v as ui,
|
|
28
|
-
c as utilities
|
|
29
|
-
};
|
|
File without changes
|