@bcc-code/design-tokens 5.1.1 → 5.1.2

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.
@@ -615,7 +615,7 @@
615
615
  --color-icon-accent-magenta-bold: var(--color-magenta-400);
616
616
  --color-icon-accent-purple-default: var(--color-purple-500);
617
617
  --color-icon-accent-purple-bold: var(--color-purple-400);
618
- --color-border-default: var(--color-dark-neutral-alpha-400-a);
618
+ --color-border-default: var(--color-dark-neutral-alpha-300-a);
619
619
  --color-border-bold: var(--color-dark-neutral-600);
620
620
  --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
621
621
  --color-border-focused: var(--color-dark-neutral-800);
@@ -291,7 +291,7 @@
291
291
  --color-icon-accent-magenta-bold: var(--color-magenta-400);
292
292
  --color-icon-accent-purple-default: var(--color-purple-500);
293
293
  --color-icon-accent-purple-bold: var(--color-purple-400);
294
- --color-border-default: var(--color-dark-neutral-alpha-400-a);
294
+ --color-border-default: var(--color-dark-neutral-alpha-300-a);
295
295
  --color-border-bold: var(--color-dark-neutral-600);
296
296
  --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
297
297
  --color-border-focused: var(--color-dark-neutral-800);
@@ -617,7 +617,7 @@
617
617
  --color-icon-accent-magenta-bold: var(--color-magenta-400);
618
618
  --color-icon-accent-purple-default: var(--color-purple-500);
619
619
  --color-icon-accent-purple-bold: var(--color-purple-400);
620
- --color-border-default: var(--color-dark-neutral-alpha-400-a);
620
+ --color-border-default: var(--color-dark-neutral-alpha-300-a);
621
621
  --color-border-bold: var(--color-dark-neutral-600);
622
622
  --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
623
623
  --color-border-focused: var(--color-dark-neutral-800);
@@ -290,7 +290,7 @@
290
290
  --color-icon-accent-magenta-bold: var(--color-magenta-400);
291
291
  --color-icon-accent-purple-default: var(--color-purple-500);
292
292
  --color-icon-accent-purple-bold: var(--color-purple-400);
293
- --color-border-default: var(--color-dark-neutral-alpha-400-a);
293
+ --color-border-default: var(--color-dark-neutral-alpha-300-a);
294
294
  --color-border-bold: var(--color-dark-neutral-600);
295
295
  --color-border-disabled: var(--color-dark-neutral-alpha-200-a);
296
296
  --color-border-focused: var(--color-dark-neutral-800);
@@ -314,7 +314,7 @@ export default {
314
314
  },
315
315
  },
316
316
  border: {
317
- default: "rgba(229, 233, 246, 0.25)",
317
+ default: "rgba(227, 228, 242, 0.12)",
318
318
  bold: "#7e8188",
319
319
  disabled: "rgba(206, 206, 217, 0.07)",
320
320
  selected: "#6fb5ad",
@@ -7,7 +7,7 @@ export default {
7
7
  "accordion": {
8
8
  "panel": {
9
9
  "border": {
10
- "width": "{border-width.1}",
10
+ "width": "0 0 {border-width.1} 0",
11
11
  "color": "{color.border.default}"
12
12
  }
13
13
  },
@@ -946,13 +946,13 @@ export default {
946
946
  "radius": "{border-radius.md}"
947
947
  },
948
948
  "padding": {
949
- "x": "{space.150}",
950
- "y": "{space.100}"
949
+ "x": "{space.100}",
950
+ "y": "{space.75}"
951
951
  },
952
- "gap": "{space.100}",
952
+ "gap": "{space.50}",
953
953
  "image": {
954
- "width": "{space.400}",
955
- "height": "{space.400}"
954
+ "width": "{space.300}",
955
+ "height": "{space.300}"
956
956
  },
957
957
  "icon": {
958
958
  "size": "{space.250}",
@@ -7,7 +7,7 @@ export default {
7
7
  "accordion": {
8
8
  "panel": {
9
9
  "border": {
10
- "width": "{border-width.1}",
10
+ "width": "0 0 {border-width.1} 0",
11
11
  "color": "{color.border.default}"
12
12
  }
13
13
  },
@@ -946,13 +946,13 @@ export default {
946
946
  "radius": "{border-radius.md}"
947
947
  },
948
948
  "padding": {
949
- "x": "{space.150}",
950
- "y": "{space.100}"
949
+ "x": "{space.100}",
950
+ "y": "{space.75}"
951
951
  },
952
- "gap": "{space.100}",
952
+ "gap": "{space.50}",
953
953
  "image": {
954
- "width": "{space.400}",
955
- "height": "{space.400}"
954
+ "width": "{space.300}",
955
+ "height": "{space.300}"
956
956
  },
957
957
  "icon": {
958
958
  "size": "{space.250}",
@@ -975,7 +975,7 @@ const BCCPreset = definePreset(Aura, {
975
975
  transitionDuration: "{transition.duration}"
976
976
  },
977
977
  panel: {
978
- borderWidth: "var(--border-width-1)",
978
+ borderWidth: "0 0 var(--border-width-1) 0",
979
979
  borderColor: "var(--color-border-default)"
980
980
  },
981
981
  header: {
@@ -1830,14 +1830,14 @@ const BCCPreset = definePreset(Aura, {
1830
1830
  chip: {
1831
1831
  root: {
1832
1832
  borderRadius: "var(--border-radius-md)",
1833
- paddingX: "var(--space-150)",
1834
- paddingY: "var(--space-100)",
1835
- gap: "var(--space-100)",
1833
+ paddingX: "var(--space-100)",
1834
+ paddingY: "var(--space-75)",
1835
+ gap: "var(--space-50)",
1836
1836
  transitionDuration: "{transition.duration}"
1837
1837
  },
1838
1838
  image: {
1839
- width: "var(--space-400)",
1840
- height: "var(--space-400)"
1839
+ width: "var(--space-300)",
1840
+ height: "var(--space-300)"
1841
1841
  },
1842
1842
  icon: {
1843
1843
  size: "var(--space-250)"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/design-tokens",
3
- "version": "5.1.1",
3
+ "version": "5.1.2",
4
4
  "description": "Design tokens build system",
5
5
  "type": "module",
6
6
  "engines": {