@dialpad/dialtone 8.14.0 → 8.15.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 (5) hide show
  1. package/lib/build/js/dialtone_migration_helper/configs/size-and-space.mjs +36 -36
  2. package/lib/dist/css/dialtone.css +14 -14
  3. package/lib/dist/css/dialtone.min.css +1 -1
  4. package/lib/dist/js/dialtone_migration_helper/configs/size-and-space.mjs +36 -36
  5. package/package.json +1 -1
package/lib/build/js/dialtone_migration_helper/configs/size-and-space.mjs CHANGED
@@ -73,43 +73,43 @@ export default {
73
73
  { from: /@icon32\b|var\(--icon32\)/g, to: 'var(--dt-icon-size-600)' },
74
74
  { from: /@icon48\b|var\(--icon48\)/g, to: 'var(--dt-size-650)' },
75
75
  { from: /@icon64\b|var\(--icon64\)/g, to: 'var(--dt-size-700)' },
76
+ // Variable prefixed with negative, must go before positive spacing
77
+ { from: /-@su1\b|-var\(--su1\)|[^-]var\(--sun1\)/g, to: 'var(--dt-space-100-negative)' },
78
+ { from: /-@su2\b|-var\(--su2\)|[^-]var\(--sun2\)/g, to: 'var(--dt-space-200-negative)' },
79
+ { from: /-@su4\b|-var\(--su4\)|[^-]var\(--sun4\)/g, to: 'var(--dt-space-300-negative)' },
80
+ { from: /-@su6\b|-var\(--su6\)|[^-]var\(--sun6\)/g, to: 'var(--dt-space-350-negative)' },
81
+ { from: /-@su8\b|-var\(--su8\)|[^-]var\(--sun8\)/g, to: 'var(--dt-space-400-negative)' },
82
+ { from: /-@su12\b|-var\(--su12\)|[^-]var\(--sun12\)/g, to: 'var(--dt-space-450-negative)' },
83
+ { from: /-@su16\b|-var\(--su16\)|[^-]var\(--sun16\)/g, to: 'var(--dt-space-500-negative)' },
84
+ { from: /-@su24\b|-var\(--su24\)|[^-]var\(--sun24\)/g, to: 'var(--dt-space-550-negative)' },
85
+ { from: /-@su32\b|-var\(--su32\)|[^-]var\(--sun32\)/g, to: 'var(--dt-space-600-negative)' },
86
+ { from: /-@su48\b|-var\(--su48\)|[^-]var\(--sun48\)/g, to: 'var(--dt-space-650-negative)' },
87
+ { from: /-@su64\b|-var\(--su64\)|[^-]var\(--sun64\)/g, to: 'var(--dt-space-700-negative)' },
88
+ { from: /-@su72\b|-var\(--su72\)|[^-]var\(--sun72\)/g, to: 'var(--dt-space-720-negative)' },
89
+ { from: /-@su84\b|-var\(--su84\)|[^-]var\(--sun84\)/g, to: 'var(--dt-space-730-negative)' },
90
+ { from: /-@su96\b|-var\(--su96\)|[^-]var\(--sun96\)/g, to: 'var(--dt-space-750-negative)' },
91
+ { from: /-@su102\b|-var\(--su102\)|[^-]var\(--sun102\)/g, to: 'var(--dt-space-760-negative)' },
92
+ { from: /-@su114\b|-var\(--su114\)|[^-]var\(--sun114\)/g, to: 'var(--dt-space-775-negative)' },
93
+ { from: /-@su128\b|-var\(--su128\)|[^-]var\(--sun128\)/g, to: 'var(--dt-space-800-negative)' },
76
94
  // Positive spacing
77
- { from: /@su0\b|var\(--su0\)/g, to: 'var(--dt-size-0)' },
78
- { from: /@su1\b|var\(--su1\)/g, to: 'var(--dt-size-100)' },
79
- { from: /@su2\b|var\(--su2\)/g, to: 'var(--dt-size-200)' },
80
- { from: /@su4\b|var\(--su4\)/g, to: 'var(--dt-size-300)' },
81
- { from: /@su6\b|var\(--su6\)/g, to: 'var(--dt-size-350)' },
82
- { from: /@su8\b|var\(--su8\)/g, to: 'var(--dt-size-400)' },
83
- { from: /@su12\b|var\(--su12\)/g, to: 'var(--dt-size-450)' },
84
- { from: /@su16\b|var\(--su16\)/g, to: 'var(--dt-size-500)' },
85
- { from: /@su24\b|var\(--su24\)/g, to: 'var(--dt-size-550)' },
86
- { from: /@su32\b|var\(--su32\)/g, to: 'var(--dt-size-600)' },
87
- { from: /@su48\b|var\(--su48\)/g, to: 'var(--dt-size-650)' },
88
- { from: /@su64\b|var\(--su64\)/g, to: 'var(--dt-size-700)' },
89
- { from: /@su72\b|var\(--su72\)/g, to: 'var(--dt-size-720)' },
90
- { from: /@su84\b|var\(--su84\)/g, to: 'var(--dt-size-730)' },
91
- { from: /@su96\b|var\(--su96\)/g, to: 'var(--dt-size-750)' },
92
- { from: /@su102\b|var\(--su102\)/g, to: 'var(--dt-size-760)' },
93
- { from: /@su114\b|var\(--su114\)/g, to: 'var(--dt-size-775)' },
94
- { from: /@su128\b|var\(--su128\)/g, to: 'var(--dt-size-800)' },
95
- // Negative spacing
96
- { from: /var\(--sun1\)/g, to: 'var(--dt-size-100-negative)' },
97
- { from: /var\(--sun2\)/g, to: 'var(--dt-size-200-negative)' },
98
- { from: /var\(--sun4\)/g, to: 'var(--dt-size-300-negative)' },
99
- { from: /var\(--sun6\)/g, to: 'var(--dt-size-350-negative)' },
100
- { from: /var\(--sun8\)/g, to: 'var(--dt-size-400-negative)' },
101
- { from: /var\(--sun12\)/g, to: 'var(--dt-size-450-negative)' },
102
- { from: /var\(--sun16\)/g, to: 'var(--dt-size-500-negative)' },
103
- { from: /var\(--sun24\)/g, to: 'var(--dt-size-550-negative)' },
104
- { from: /var\(--sun32\)/g, to: 'var(--dt-size-600-negative)' },
105
- { from: /var\(--sun48\)/g, to: 'var(--dt-size-650-negative)' },
106
- { from: /var\(--sun64\)/g, to: 'var(--dt-size-700-negative)' },
107
- { from: /var\(--sun72\)/g, to: 'var(--dt-size-720-negative)' },
108
- { from: /var\(--sun84\)/g, to: 'var(--dt-size-730-negative)' },
109
- { from: /var\(--sun96\)/g, to: 'var(--dt-size-750-negative)' },
110
- { from: /var\(--sun102\)/g, to: 'var(--dt-size-760-negative)' },
111
- { from: /var\(--sun114\)/g, to: 'var(--dt-size-775-negative)' },
112
- { from: /var\(--sun128\)/g, to: 'var(--dt-size-800-negative)' },
95
+ { from: /@su0\b|var\(--su0\)/g, to: 'var(--dt-space-0)' },
96
+ { from: /@su1\b|var\(--su1\)/g, to: 'var(--dt-space-100)' },
97
+ { from: /@su2\b|var\(--su2\)/g, to: 'var(--dt-space-200)' },
98
+ { from: /@su4\b|var\(--su4\)/g, to: 'var(--dt-space-300)' },
99
+ { from: /@su6\b|var\(--su6\)/g, to: 'var(--dt-space-350)' },
100
+ { from: /@su8\b|var\(--su8\)/g, to: 'var(--dt-space-400)' },
101
+ { from: /@su12\b|var\(--su12\)/g, to: 'var(--dt-space-450)' },
102
+ { from: /@su16\b|var\(--su16\)/g, to: 'var(--dt-space-500)' },
103
+ { from: /@su24\b|var\(--su24\)/g, to: 'var(--dt-space-550)' },
104
+ { from: /@su32\b|var\(--su32\)/g, to: 'var(--dt-space-600)' },
105
+ { from: /@su48\b|var\(--su48\)/g, to: 'var(--dt-space-650)' },
106
+ { from: /@su64\b|var\(--su64\)/g, to: 'var(--dt-space-700)' },
107
+ { from: /@su72\b|var\(--su72\)/g, to: 'var(--dt-space-720)' },
108
+ { from: /@su84\b|var\(--su84\)/g, to: 'var(--dt-space-730)' },
109
+ { from: /@su96\b|var\(--su96\)/g, to: 'var(--dt-space-750)' },
110
+ { from: /@su102\b|var\(--su102\)/g, to: 'var(--dt-space-760)' },
111
+ { from: /@su114\b|var\(--su114\)/g, to: 'var(--dt-space-775)' },
112
+ { from: /@su128\b|var\(--su128\)/g, to: 'var(--dt-space-800)' },
113
113
  // Border radius
114
114
  { from: /@br-(pill|circle)|var\(--br-(pill|circle)\)/g, to: 'var(--dt-size-radius-$1$2)' },
115
115
  { from: /@br0|var\(--br0\)/g, to: 'var(--dt-size-radius-0)' },
package/lib/dist/css/dialtone.css CHANGED
@@ -15104,13 +15104,13 @@ body {
15104
15104
  --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
15105
15105
  --dt-theme-mention-color-background-hsla: hsla(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
15106
15106
  color-scheme: dark;
15107
- --dt-shadow-small: var(--dt-shadow-small-0-x) var(--dt-shadow-small-0-y) var(--dt-shadow-small-0-blur) var(--dt-shadow-small-0-spread) var(--dt-shadow-small-0-color), var(--dt-shadow-small-1-x) var(--dt-shadow-small-1-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-x) var(--dt-shadow-small-2-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-x) var(--dt-shadow-small-3-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-x) var(--dt-shadow-small-4-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color);
15108
- --dt-shadow-medium: var(--dt-shadow-medium-0-x) var(--dt-shadow-medium-0-y) var(--dt-shadow-medium-0-blur) var(--dt-shadow-medium-0-spread) var(--dt-shadow-medium-0-color), var(--dt-shadow-medium-1-x) var(--dt-shadow-medium-1-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-x) var(--dt-shadow-medium-2-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-x) var(--dt-shadow-medium-3-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-x) var(--dt-shadow-medium-4-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color);
15109
- --dt-shadow-large: var(--dt-shadow-large-0-x) var(--dt-shadow-large-0-y) var(--dt-shadow-large-0-blur) var(--dt-shadow-large-0-spread) var(--dt-shadow-large-0-color), var(--dt-shadow-large-1-x) var(--dt-shadow-large-1-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-x) var(--dt-shadow-large-2-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-x) var(--dt-shadow-large-3-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-x) var(--dt-shadow-large-4-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color);
15110
- --dt-shadow-extra-large: var(--dt-shadow-extra-large-0-x) var(--dt-shadow-extra-large-0-y) var(--dt-shadow-extra-large-0-blur) var(--dt-shadow-extra-large-0-spread) var(--dt-shadow-extra-large-0-color), var(--dt-shadow-extra-large-1-x) var(--dt-shadow-extra-large-1-y) var(--dt-shadow-extra-large-1-blur) var(--dt-shadow-extra-large-1-spread) var(--dt-shadow-extra-large-1-color), var(--dt-shadow-extra-large-2-x) var(--dt-shadow-extra-large-2-y) var(--dt-shadow-extra-large-2-blur) var(--dt-shadow-extra-large-2-spread) var(--dt-shadow-extra-large-2-color), var(--dt-shadow-extra-large-3-x) var(--dt-shadow-extra-large-3-y) var(--dt-shadow-extra-large-3-blur) var(--dt-shadow-extra-large-3-spread) var(--dt-shadow-extra-large-3-color), var(--dt-shadow-extra-large-4-x) var(--dt-shadow-extra-large-4-y) var(--dt-shadow-extra-large-4-blur) var(--dt-shadow-extra-large-4-spread) var(--dt-shadow-extra-large-4-color);
15111
- --dt-shadow-card: var(--dt-shadow-card-0-x) var(--dt-shadow-card-0-y) var(--dt-shadow-card-0-blur) var(--dt-shadow-card-0-spread) var(--dt-shadow-card-0-color), var(--dt-shadow-card-1-x) var(--dt-shadow-card-1-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-x) var(--dt-shadow-card-2-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-x) var(--dt-shadow-card-3-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color), var(--dt-shadow-card-4-x) var(--dt-shadow-card-4-y) var(--dt-shadow-card-4-blur) var(--dt-shadow-card-4-spread) var(--dt-shadow-card-4-color), var(--dt-shadow-card-5-x) var(--dt-shadow-card-5-y) var(--dt-shadow-card-5-blur) var(--dt-shadow-card-5-spread) var(--dt-shadow-card-5-color), var(--dt-shadow-card-6-x) var(--dt-shadow-card-6-y) var(--dt-shadow-card-6-blur) var(--dt-shadow-card-6-spread) var(--dt-shadow-card-6-color);
15112
- --dt-shadow-focus: var(--dt-shadow-focus-0-x) var(--dt-shadow-focus-0-y) var(--dt-shadow-focus-0-blur) var(--dt-shadow-focus-0-spread) var(--dt-shadow-focus-0-color), var(--dt-shadow-focus-1-x) var(--dt-shadow-focus-1-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color);
15113
- --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-0-x) var(--dt-shadow-focus-inset-0-y) var(--dt-shadow-focus-inset-0-blur) var(--dt-shadow-focus-inset-0-spread) var(--dt-shadow-focus-inset-0-color);
15107
+ --dt-shadow-small: var(--dt-shadow-small-1-x) var(--dt-shadow-small-1-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-x) var(--dt-shadow-small-2-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-x) var(--dt-shadow-small-3-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-x) var(--dt-shadow-small-4-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-x) var(--dt-shadow-small-5-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
15108
+ --dt-shadow-medium: var(--dt-shadow-medium-1-x) var(--dt-shadow-medium-1-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-x) var(--dt-shadow-medium-2-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-x) var(--dt-shadow-medium-3-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-x) var(--dt-shadow-medium-4-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-x) var(--dt-shadow-medium-5-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
15109
+ --dt-shadow-large: var(--dt-shadow-large-1-x) var(--dt-shadow-large-1-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-x) var(--dt-shadow-large-2-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-x) var(--dt-shadow-large-3-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-x) var(--dt-shadow-large-4-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-x) var(--dt-shadow-large-5-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);
15110
+ --dt-shadow-extra-large: var(--dt-shadow-extra-large-1-x) var(--dt-shadow-extra-large-1-y) var(--dt-shadow-extra-large-1-blur) var(--dt-shadow-extra-large-1-spread) var(--dt-shadow-extra-large-1-color), var(--dt-shadow-extra-large-2-x) var(--dt-shadow-extra-large-2-y) var(--dt-shadow-extra-large-2-blur) var(--dt-shadow-extra-large-2-spread) var(--dt-shadow-extra-large-2-color), var(--dt-shadow-extra-large-3-x) var(--dt-shadow-extra-large-3-y) var(--dt-shadow-extra-large-3-blur) var(--dt-shadow-extra-large-3-spread) var(--dt-shadow-extra-large-3-color), var(--dt-shadow-extra-large-4-x) var(--dt-shadow-extra-large-4-y) var(--dt-shadow-extra-large-4-blur) var(--dt-shadow-extra-large-4-spread) var(--dt-shadow-extra-large-4-color), var(--dt-shadow-extra-large-5-x) var(--dt-shadow-extra-large-5-y) var(--dt-shadow-extra-large-5-blur) var(--dt-shadow-extra-large-5-spread) var(--dt-shadow-extra-large-5-color);
15111
+ --dt-shadow-card: var(--dt-shadow-card-1-x) var(--dt-shadow-card-1-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-x) var(--dt-shadow-card-2-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-x) var(--dt-shadow-card-3-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color), var(--dt-shadow-card-4-x) var(--dt-shadow-card-4-y) var(--dt-shadow-card-4-blur) var(--dt-shadow-card-4-spread) var(--dt-shadow-card-4-color), var(--dt-shadow-card-5-x) var(--dt-shadow-card-5-y) var(--dt-shadow-card-5-blur) var(--dt-shadow-card-5-spread) var(--dt-shadow-card-5-color), var(--dt-shadow-card-6-x) var(--dt-shadow-card-6-y) var(--dt-shadow-card-6-blur) var(--dt-shadow-card-6-spread) var(--dt-shadow-card-6-color), var(--dt-shadow-card-7-x) var(--dt-shadow-card-7-y) var(--dt-shadow-card-7-blur) var(--dt-shadow-card-7-spread) var(--dt-shadow-card-7-color);
15112
+ --dt-shadow-focus: var(--dt-shadow-focus-1-x) var(--dt-shadow-focus-1-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-x) var(--dt-shadow-focus-2-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);
15113
+ --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-1-x) var(--dt-shadow-focus-inset-1-y) var(--dt-shadow-focus-inset-1-blur) var(--dt-shadow-focus-inset-1-spread) var(--dt-shadow-focus-inset-1-color);
15114
15114
  }
15115
15115
 
15116
15116
  .dialtone-theme-light {
@@ -15540,13 +15540,13 @@ body {
15540
15540
  --dt-theme-mention-color-background-hsl: var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l);
15541
15541
  --dt-theme-mention-color-background-hsla: hsla(var(--dt-theme-mention-color-background-h) var(--dt-theme-mention-color-background-s) var(--dt-theme-mention-color-background-l) / var(--alpha, 100%));
15542
15542
  color-scheme: light;
15543
- --dt-shadow-small: var(--dt-shadow-small-0-x) var(--dt-shadow-small-0-y) var(--dt-shadow-small-0-blur) var(--dt-shadow-small-0-spread) var(--dt-shadow-small-0-color);
15544
- --dt-shadow-medium: var(--dt-shadow-medium-0-x) var(--dt-shadow-medium-0-y) var(--dt-shadow-medium-0-blur) var(--dt-shadow-medium-0-spread) var(--dt-shadow-medium-0-color);
15545
- --dt-shadow-large: var(--dt-shadow-large-0-x) var(--dt-shadow-large-0-y) var(--dt-shadow-large-0-blur) var(--dt-shadow-large-0-spread) var(--dt-shadow-large-0-color);
15546
- --dt-shadow-extra-large: var(--dt-shadow-extra-large-0-x) var(--dt-shadow-extra-large-0-y) var(--dt-shadow-extra-large-0-blur) var(--dt-shadow-extra-large-0-spread) var(--dt-shadow-extra-large-0-color);
15547
- --dt-shadow-card: var(--dt-shadow-card-0-x) var(--dt-shadow-card-0-y) var(--dt-shadow-card-0-blur) var(--dt-shadow-card-0-spread) var(--dt-shadow-card-0-color), var(--dt-shadow-card-1-x) var(--dt-shadow-card-1-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-x) var(--dt-shadow-card-2-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color);
15548
- --dt-shadow-focus: var(--dt-shadow-focus-0-x) var(--dt-shadow-focus-0-y) var(--dt-shadow-focus-0-blur) var(--dt-shadow-focus-0-spread) var(--dt-shadow-focus-0-color), var(--dt-shadow-focus-1-x) var(--dt-shadow-focus-1-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color);
15549
- --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-0-x) var(--dt-shadow-focus-inset-0-y) var(--dt-shadow-focus-inset-0-blur) var(--dt-shadow-focus-inset-0-spread) var(--dt-shadow-focus-inset-0-color);
15543
+ --dt-shadow-small: var(--dt-shadow-small-1-x) var(--dt-shadow-small-1-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color);
15544
+ --dt-shadow-medium: var(--dt-shadow-medium-1-x) var(--dt-shadow-medium-1-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color);
15545
+ --dt-shadow-large: var(--dt-shadow-large-1-x) var(--dt-shadow-large-1-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color);
15546
+ --dt-shadow-extra-large: var(--dt-shadow-extra-large-1-x) var(--dt-shadow-extra-large-1-y) var(--dt-shadow-extra-large-1-blur) var(--dt-shadow-extra-large-1-spread) var(--dt-shadow-extra-large-1-color);
15547
+ --dt-shadow-card: var(--dt-shadow-card-1-x) var(--dt-shadow-card-1-y) var(--dt-shadow-card-1-blur) var(--dt-shadow-card-1-spread) var(--dt-shadow-card-1-color), var(--dt-shadow-card-2-x) var(--dt-shadow-card-2-y) var(--dt-shadow-card-2-blur) var(--dt-shadow-card-2-spread) var(--dt-shadow-card-2-color), var(--dt-shadow-card-3-x) var(--dt-shadow-card-3-y) var(--dt-shadow-card-3-blur) var(--dt-shadow-card-3-spread) var(--dt-shadow-card-3-color);
15548
+ --dt-shadow-focus: var(--dt-shadow-focus-1-x) var(--dt-shadow-focus-1-y) var(--dt-shadow-focus-1-blur) var(--dt-shadow-focus-1-spread) var(--dt-shadow-focus-1-color), var(--dt-shadow-focus-2-x) var(--dt-shadow-focus-2-y) var(--dt-shadow-focus-2-blur) var(--dt-shadow-focus-2-spread) var(--dt-shadow-focus-2-color);
15549
+ --dt-shadow-focus-inset: var(--dt-shadow-focus-inset-1-x) var(--dt-shadow-focus-inset-1-y) var(--dt-shadow-focus-inset-1-blur) var(--dt-shadow-focus-inset-1-spread) var(--dt-shadow-focus-inset-1-color);
15550
15550
  }
15551
15551
 
15552
15552
  @media (max-width: 480px) {