@pantheon-systems/pds-design-tokens 2.0.0-alpha.11 → 2.0.0-alpha.13

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 (7) hide show
  1. package/build/css/variables.global.css +4 -3
  2. package/build/css/variables.light.css +1 -1
  3. package/build/figma/tokens.json +23 -4
  4. package/build/js/variables.global.d.ts +2 -3
  5. package/build/js/variables.global.js +5 -6
  6. package/build/json/tokens.json +31 -6
  7. package/package.json +1 -1
package/build/css/variables.global.css CHANGED
@@ -69,10 +69,11 @@
69
69
  --pds-spacing-button-height-sm: var(--pds-spacing-2xl);
70
70
  --pds-spacing-button-height-md: var(--pds-spacing-3xl);
71
71
  --pds-spacing-button-height-lg: var(--pds-spacing-4xl);
72
- --pds-spacing-button-padding-inline-xs: var(--pds-spacing-2xs);
73
- --pds-spacing-button-padding-inline-sm: var(--pds-spacing-s);
74
- --pds-spacing-button-padding-inline-md: var(--pds-spacing-m);
72
+ --pds-spacing-button-padding-inline-xs: var(--pds-spacing-s);
73
+ --pds-spacing-button-padding-inline-sm: var(--pds-spacing-m);
74
+ --pds-spacing-button-padding-inline-md: var(--pds-spacing-l);
75
75
  --pds-spacing-button-padding-inline-lg: var(--pds-spacing-xl);
76
+ --pds-spacing-button-gap-inline-default: var(--pds-spacing-2xs);
76
77
  --pds-spacing-input-height-sm: var(--pds-spacing-2xl);
77
78
  --pds-spacing-input-height-md: var(--pds-spacing-3xl);
78
79
  --pds-z-index-navigation: 100;
package/build/css/variables.light.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --pds-color-button-primary-foreground: var(--pds-color-fg-reverse);
33
33
  --pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
34
34
  --pds-color-button-secondary-background-hover: oklch(0.9401 0 0);
35
- --pds-color-button-secondary-border: oklch(0.5103 0 0);
35
+ --pds-color-button-secondary-border: oklch(0.8853 0 0);
36
36
  --pds-color-button-secondary-foreground: oklch(0.2046 0 0);
37
37
  --pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.00);
38
38
  --pds-color-button-subtle-background-hover: oklch(0.9401 0 0);
package/build/figma/tokens.json CHANGED
@@ -671,7 +671,7 @@
671
671
  },
672
672
  "padding-inline": {
673
673
  "xs": {
674
- "value": "{spacing.2XS}",
674
+ "value": "{spacing.S}",
675
675
  "type": "dimension",
676
676
  "$extensions": {
677
677
  "public": true,
@@ -688,7 +688,7 @@
688
688
  }
689
689
  },
690
690
  "sm": {
691
- "value": "{spacing.S}",
691
+ "value": "{spacing.M}",
692
692
  "type": "dimension",
693
693
  "$extensions": {
694
694
  "public": true,
@@ -705,7 +705,7 @@
705
705
  }
706
706
  },
707
707
  "md": {
708
- "value": "{spacing.M}",
708
+ "value": "{spacing.L}",
709
709
  "type": "dimension",
710
710
  "$extensions": {
711
711
  "public": true,
@@ -738,6 +738,25 @@
738
738
  }
739
739
  }
740
740
  }
741
+ },
742
+ "gap-inline": {
743
+ "default": {
744
+ "value": "{spacing.2XS}",
745
+ "type": "dimension",
746
+ "$extensions": {
747
+ "public": true,
748
+ "defaultUnit": "rem",
749
+ "com.figma": {
750
+ "scopes": [
751
+ "GAP"
752
+ ],
753
+ "exportAs": "variable",
754
+ "codeSyntax": {
755
+ "WEB": "--pds-spacing-button-gap-inline-default"
756
+ }
757
+ }
758
+ }
759
+ }
741
760
  }
742
761
  },
743
762
  "input": {
@@ -3642,7 +3661,7 @@
3642
3661
  }
3643
3662
  },
3644
3663
  "border": {
3645
- "value": "{color.light-mode.aether.600}",
3664
+ "value": "{color.light-mode.aether.400}",
3646
3665
  "type": "color",
3647
3666
  "$extensions": {
3648
3667
  "public": true,
package/build/js/variables.global.d.ts CHANGED
@@ -80,6 +80,7 @@ export const SPACING_BUTTON_PADDING_INLINE_XS: string;
80
80
  export const SPACING_BUTTON_PADDING_INLINE_SM: string;
81
81
  export const SPACING_BUTTON_PADDING_INLINE_MD: string;
82
82
  export const SPACING_BUTTON_PADDING_INLINE_LG: string;
83
+ export const SPACING_BUTTON_GAP_INLINE_DEFAULT: string;
83
84
  export const SPACING_INPUT_HEIGHT_SM: string;
84
85
  export const SPACING_INPUT_HEIGHT_MD: string;
85
86
  export const Z_INDEX_NAVIGATION: number;
@@ -91,9 +92,6 @@ export const Z_INDEX_MAX: number;
91
92
  export const Z_INDEX_RESET: number;
92
93
 
93
94
  export const SPACING : {
94
- SPACING_8XS: string;
95
- SPACING_7XS: string;
96
- SPACING_6XS: string;
97
95
  SPACING_5XS: string;
98
96
  SPACING_4XS: string;
99
97
  SPACING_3XS: string;
@@ -110,4 +108,5 @@ export const SPACING : {
110
108
  SPACING_6XL: string;
111
109
  SPACING_7XL: string;
112
110
  SPACING_8XL: string;
111
+ SPACING_9XL: string;
113
112
  };
package/build/js/variables.global.js CHANGED
@@ -76,10 +76,11 @@ export const SPACING_BUTTON_HEIGHT_XS = "1.5rem";
76
76
  export const SPACING_BUTTON_HEIGHT_SM = "2rem";
77
77
  export const SPACING_BUTTON_HEIGHT_MD = "2.5rem";
78
78
  export const SPACING_BUTTON_HEIGHT_LG = "3rem";
79
- export const SPACING_BUTTON_PADDING_INLINE_XS = "0.5rem";
80
- export const SPACING_BUTTON_PADDING_INLINE_SM = "0.75rem";
81
- export const SPACING_BUTTON_PADDING_INLINE_MD = "1rem";
79
+ export const SPACING_BUTTON_PADDING_INLINE_XS = "0.75rem";
80
+ export const SPACING_BUTTON_PADDING_INLINE_SM = "1rem";
81
+ export const SPACING_BUTTON_PADDING_INLINE_MD = "1.25rem";
82
82
  export const SPACING_BUTTON_PADDING_INLINE_LG = "1.5rem";
83
+ export const SPACING_BUTTON_GAP_INLINE_DEFAULT = "0.5rem";
83
84
  export const SPACING_INPUT_HEIGHT_SM = "2rem";
84
85
  export const SPACING_INPUT_HEIGHT_MD = "2.5rem";
85
86
  export const Z_INDEX_NAVIGATION = 100;
@@ -91,9 +92,6 @@ export const Z_INDEX_MAX = 9999;
91
92
  export const Z_INDEX_RESET = 0;
92
93
 
93
94
  export const SPACING = {
94
- SPACING_8XS,
95
- SPACING_7XS,
96
- SPACING_6XS,
97
95
  SPACING_5XS,
98
96
  SPACING_4XS,
99
97
  SPACING_3XS,
@@ -110,4 +108,5 @@ export const SPACING = {
110
108
  SPACING_6XL,
111
109
  SPACING_7XL,
112
110
  SPACING_8XL,
111
+ SPACING_9XL,
113
112
  };
package/build/json/tokens.json CHANGED
@@ -1611,11 +1611,11 @@
1611
1611
  },
1612
1612
  "padding-inline": {
1613
1613
  "xs": {
1614
- "value": "0.5",
1614
+ "value": "0.75",
1615
1615
  "filePath": "tokens/spacing/semantic/button.json",
1616
1616
  "isSource": true,
1617
1617
  "original": {
1618
- "value": "{spacing.2XS}",
1618
+ "value": "{spacing.S}",
1619
1619
  "public": true
1620
1620
  },
1621
1621
  "name": "SpacingButtonPaddingInlineXs",
@@ -1634,11 +1634,11 @@
1634
1634
  "public": true
1635
1635
  },
1636
1636
  "sm": {
1637
- "value": "0.75",
1637
+ "value": "1",
1638
1638
  "filePath": "tokens/spacing/semantic/button.json",
1639
1639
  "isSource": true,
1640
1640
  "original": {
1641
- "value": "{spacing.S}",
1641
+ "value": "{spacing.M}",
1642
1642
  "public": true
1643
1643
  },
1644
1644
  "name": "SpacingButtonPaddingInlineSm",
@@ -1657,11 +1657,11 @@
1657
1657
  "public": true
1658
1658
  },
1659
1659
  "md": {
1660
- "value": "1",
1660
+ "value": "1.25",
1661
1661
  "filePath": "tokens/spacing/semantic/button.json",
1662
1662
  "isSource": true,
1663
1663
  "original": {
1664
- "value": "{spacing.M}",
1664
+ "value": "{spacing.L}",
1665
1665
  "public": true
1666
1666
  },
1667
1667
  "name": "SpacingButtonPaddingInlineMd",
@@ -1702,6 +1702,31 @@
1702
1702
  ],
1703
1703
  "public": true
1704
1704
  }
1705
+ },
1706
+ "gap-inline": {
1707
+ "default": {
1708
+ "value": "0.5",
1709
+ "filePath": "tokens/spacing/semantic/button.json",
1710
+ "isSource": true,
1711
+ "original": {
1712
+ "value": "{spacing.2XS}",
1713
+ "public": true
1714
+ },
1715
+ "name": "SpacingButtonGapInlineDefault",
1716
+ "attributes": {
1717
+ "category": "spacing",
1718
+ "type": "button",
1719
+ "item": "gap-inline",
1720
+ "subitem": "default"
1721
+ },
1722
+ "path": [
1723
+ "spacing",
1724
+ "button",
1725
+ "gap-inline",
1726
+ "default"
1727
+ ],
1728
+ "public": true
1729
+ }
1705
1730
  }
1706
1731
  },
1707
1732
  "input": {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
3
  "description": "Design Tokens for the Pantheon Design System",
4
- "version": "2.0.0-alpha.11",
4
+ "version": "2.0.0-alpha.13",
5
5
  "publishConfig": {
6
6
  "access": "public",
7
7
  "registry": "https://registry.npmjs.org/",