@primer/primitives 11.4.1-rc.d0049059 → 11.4.1-rc.d4178e4a

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.
@@ -119,7 +119,7 @@
119
119
  color: var(--fgColor-default);
120
120
  border: none;
121
121
  border-radius: var(--borderRadius-medium);
122
- padding-block: var(--control-medium-paddingBlock-normal);
122
+ padding-block: var(--control-medium-paddingBlock);
123
123
  padding-inline: var(--control-medium-paddingInline-normal);
124
124
  font: var(--text-body-shorthand-medium);
125
125
  cursor: pointer;
@@ -44,7 +44,7 @@ export declare const borderToken: z.ZodObject<{
44
44
  }>;
45
45
  }, z.core.$strict>, z.ZodString]>;
46
46
  }, z.core.$strip>, z.ZodString]>;
47
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
47
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
48
48
  $extensions: z.ZodOptional<z.ZodObject<{
49
49
  'org.primer.llm': z.ZodOptional<z.ZodObject<{
50
50
  usage: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -4,7 +4,7 @@ export declare const colorToken: z.ZodObject<{
4
4
  $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
5
5
  $value: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
6
6
  alpha: z.ZodNullable<z.ZodOptional<z.ZodAny>>;
7
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
7
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
8
8
  $extensions: z.ZodOptional<z.ZodObject<{
9
9
  'org.primer.figma': z.ZodOptional<z.ZodObject<{
10
10
  collection: z.ZodOptional<z.ZodString>;
@@ -3,7 +3,7 @@ export declare const cubicBezierToken: z.ZodObject<{
3
3
  $description: z.ZodOptional<z.ZodString>;
4
4
  $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
5
5
  $value: z.ZodUnion<readonly [z.ZodArray<z.ZodNumber>, z.ZodString]>;
6
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
6
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
7
7
  $extensions: z.ZodOptional<z.ZodObject<{
8
8
  'org.primer.llm': z.ZodOptional<z.ZodObject<{
9
9
  usage: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -10,7 +10,7 @@ export declare const dimensionToken: z.ZodObject<{
10
10
  rem: "rem";
11
11
  }>;
12
12
  }, z.core.$strict>, z.ZodString]>;
13
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
13
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
14
14
  $extensions: z.ZodOptional<z.ZodObject<{
15
15
  'org.primer.figma': z.ZodOptional<z.ZodObject<{
16
16
  collection: z.ZodString;
@@ -9,7 +9,7 @@ export declare const durationToken: z.ZodObject<{
9
9
  ms: "ms";
10
10
  }>;
11
11
  }, z.core.$strict>, z.ZodString]>;
12
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
12
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
13
13
  $extensions: z.ZodOptional<z.ZodObject<{
14
14
  'org.primer.llm': z.ZodOptional<z.ZodObject<{
15
15
  usage: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -3,7 +3,7 @@ export declare const fontFamilyToken: z.ZodObject<{
3
3
  $description: z.ZodOptional<z.ZodString>;
4
4
  $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
5
5
  $value: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
6
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
6
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
7
7
  $extensions: z.ZodOptional<z.ZodObject<{
8
8
  'org.primer.figma': z.ZodObject<{
9
9
  collection: z.ZodOptional<z.ZodString>;
@@ -2,7 +2,7 @@ import { z } from 'zod';
2
2
  export declare const fontWeightToken: z.ZodObject<{
3
3
  $description: z.ZodOptional<z.ZodString>;
4
4
  $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
5
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
5
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
6
6
  $value: z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>;
7
7
  $extensions: z.ZodOptional<z.ZodObject<{
8
8
  'org.primer.figma': z.ZodObject<{
@@ -6,7 +6,7 @@ export declare const gradientToken: z.ZodObject<{
6
6
  color: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
7
7
  position: z.ZodNumber;
8
8
  }, z.core.$strip>>, z.ZodString]>;
9
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
9
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
10
10
  $extensions: z.ZodOptional<z.ZodObject<{
11
11
  'org.primer.gradient': z.ZodObject<{
12
12
  angle: z.ZodOptional<z.ZodNumber>;
@@ -3,7 +3,7 @@ export declare const numberToken: z.ZodObject<{
3
3
  $description: z.ZodOptional<z.ZodString>;
4
4
  $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
5
5
  $value: z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>;
6
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
6
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
7
7
  $extensions: z.ZodOptional<z.ZodObject<{
8
8
  'org.primer.data': z.ZodOptional<z.ZodObject<{
9
9
  fontSize: z.ZodOptional<z.ZodNumber>;
@@ -112,7 +112,7 @@ export declare const shadowToken: z.ZodObject<{
112
112
  }, z.core.$strict>, z.ZodString]>;
113
113
  inset: z.ZodOptional<z.ZodBoolean>;
114
114
  }, z.core.$strict>>, z.ZodString]>;
115
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
115
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
116
116
  $extensions: z.ZodOptional<z.ZodObject<{
117
117
  'org.primer.figma': z.ZodObject<{
118
118
  collection: z.ZodOptional<z.ZodString>;
@@ -3,7 +3,7 @@ export declare const stringToken: z.ZodObject<{
3
3
  $description: z.ZodOptional<z.ZodString>;
4
4
  $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
5
5
  $value: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
6
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
6
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
7
7
  $extensions: z.ZodOptional<z.ZodObject<{
8
8
  'org.primer.llm': z.ZodOptional<z.ZodObject<{
9
9
  usage: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -6,7 +6,7 @@ import { llmExtension } from './llmExtension.js';
6
6
  export const stringToken = baseToken
7
7
  .extend({
8
8
  $value: z.union([z.string(), referenceValue]),
9
- $type: tokenType('string'),
9
+ $type: tokenType('custom-string'),
10
10
  $extensions: z
11
11
  .object({
12
12
  'org.primer.llm': llmExtension,
@@ -1,3 +1,3 @@
1
1
  import { z } from 'zod';
2
2
  import type { TokenType } from './validTokenType.js';
3
- export declare const tokenType: ($type: TokenType) => z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
3
+ export declare const tokenType: ($type: TokenType) => z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
@@ -19,7 +19,7 @@ export declare const transitionToken: z.ZodObject<{
19
19
  }>;
20
20
  }, z.core.$strict>, z.ZodString]>, z.ZodString]>>;
21
21
  }, z.core.$strip>, z.ZodString]>;
22
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
22
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
23
23
  $extensions: z.ZodOptional<z.ZodObject<{
24
24
  'org.primer.llm': z.ZodOptional<z.ZodObject<{
25
25
  usage: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -8,14 +8,7 @@ export declare const typographyValue: z.ZodObject<{
8
8
  rem: "rem";
9
9
  }>;
10
10
  }, z.core.$strict>, z.ZodString]>;
11
- lineHeight: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
12
- value: z.ZodNumber;
13
- unit: z.ZodEnum<{
14
- em: "em";
15
- px: "px";
16
- rem: "rem";
17
- }>;
18
- }, z.core.$strict>, z.ZodString]>>;
11
+ lineHeight: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
19
12
  fontWeight: z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>;
20
13
  fontFamily: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
21
14
  }, z.core.$strip>;
@@ -31,18 +24,11 @@ export declare const typographyToken: z.ZodObject<{
31
24
  rem: "rem";
32
25
  }>;
33
26
  }, z.core.$strict>, z.ZodString]>;
34
- lineHeight: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
35
- value: z.ZodNumber;
36
- unit: z.ZodEnum<{
37
- em: "em";
38
- px: "px";
39
- rem: "rem";
40
- }>;
41
- }, z.core.$strict>, z.ZodString]>>;
27
+ lineHeight: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
42
28
  fontWeight: z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>;
43
29
  fontFamily: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
44
30
  }, z.core.$strip>, z.ZodString]>;
45
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
31
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
46
32
  $extensions: z.ZodOptional<z.ZodObject<{
47
33
  'org.primer.llm': z.ZodOptional<z.ZodObject<{
48
34
  usage: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -7,7 +7,7 @@ import { tokenType } from './tokenType.js';
7
7
  import { llmExtension } from './llmExtension.js';
8
8
  export const typographyValue = z.object({
9
9
  fontSize: z.union([dimensionValue, referenceValue]),
10
- lineHeight: z.union([dimensionValue, referenceValue]).optional(),
10
+ lineHeight: z.union([z.number(), referenceValue]).optional(),
11
11
  fontWeight: z.union([fontWeightValue, referenceValue]),
12
12
  fontFamily: z.union([z.string().min(1), referenceValue]),
13
13
  });
@@ -1,5 +1,5 @@
1
1
  import { z } from 'zod';
2
- declare const validTypes: readonly ["color", "cubicBezier", "typography", "dimension", "duration", "border", "shadow", "fontFamily", "fontWeight", "gradient", "number", "string", "transition", "custom-viewportRange"];
2
+ declare const validTypes: readonly ["color", "cubicBezier", "typography", "dimension", "duration", "border", "shadow", "fontFamily", "fontWeight", "gradient", "number", "custom-string", "transition", "custom-viewportRange"];
3
3
  export type TokenType = (typeof validTypes)[number];
4
4
  /**
5
5
  * Recursively validates $type properties in token structure
@@ -12,7 +12,7 @@ const validTypes = [
12
12
  'fontWeight',
13
13
  'gradient',
14
14
  'number',
15
- 'string',
15
+ 'custom-string',
16
16
  'transition',
17
17
  'custom-viewportRange',
18
18
  ];
@@ -3,7 +3,7 @@ export declare const viewportRangeToken: z.ZodObject<{
3
3
  $description: z.ZodOptional<z.ZodString>;
4
4
  $deprecated: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodBoolean]>>;
5
5
  $value: z.ZodUnion<readonly [z.ZodString, z.ZodString]>;
6
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
6
+ $type: z.ZodLiteral<"number" | "border" | "color" | "fontFamily" | "fontWeight" | "transition" | "dimension" | "duration" | "gradient" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange" | "custom-string">;
7
7
  $extensions: z.ZodOptional<z.ZodObject<{
8
8
  'org.primer.llm': z.ZodOptional<z.ZodObject<{
9
9
  usage: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -139,14 +139,14 @@
139
139
  "original": {
140
140
  "$value": "inset 0 0 0 {borderWidth.thick}",
141
141
  "$description": "Thick shadow (2px) used instead of a border for emphasis without layout shift",
142
- "$type": "string",
142
+ "$type": "custom-string",
143
143
  "key": "{boxShadow.thick}"
144
144
  },
145
145
  "name": "boxShadow-thick",
146
146
  "attributes": {},
147
147
  "path": ["boxShadow", "thick"],
148
148
  "value": "inset 0 0 0 0.125rem",
149
- "type": "string",
149
+ "type": "custom-string",
150
150
  "description": "Thick shadow (2px) used instead of a border for emphasis without layout shift"
151
151
  },
152
152
  "boxShadow-thicker": {
@@ -156,14 +156,14 @@
156
156
  "original": {
157
157
  "$value": "inset 0 0 0 {borderWidth.thicker}",
158
158
  "$description": "Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact",
159
- "$type": "string",
159
+ "$type": "custom-string",
160
160
  "key": "{boxShadow.thicker}"
161
161
  },
162
162
  "name": "boxShadow-thicker",
163
163
  "attributes": {},
164
164
  "path": ["boxShadow", "thicker"],
165
165
  "value": "inset 0 0 0 0.25rem",
166
- "type": "string",
166
+ "type": "custom-string",
167
167
  "description": "Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact"
168
168
  },
169
169
  "boxShadow-thin": {
@@ -173,14 +173,14 @@
173
173
  "original": {
174
174
  "$value": "inset 0 0 0 {borderWidth.thin}",
175
175
  "$description": "Thin shadow used instead of a border to prevent layout shift",
176
- "$type": "string",
176
+ "$type": "custom-string",
177
177
  "key": "{boxShadow.thin}"
178
178
  },
179
179
  "name": "boxShadow-thin",
180
180
  "attributes": {},
181
181
  "path": ["boxShadow", "thin"],
182
182
  "value": "inset 0 0 0 0.0625rem",
183
- "type": "string",
183
+ "type": "custom-string",
184
184
  "description": "Thin shadow used instead of a border to prevent layout shift"
185
185
  },
186
186
  "outline-focus-offset": {
@@ -136,13 +136,13 @@
136
136
  "key": "{boxShadow.thick}",
137
137
  "$value": "inset 0 0 0 0.125rem,2px",
138
138
  "$description": "Thick shadow (2px) used instead of a border for emphasis without layout shift",
139
- "$type": "string",
139
+ "$type": "custom-string",
140
140
  "filePath": "src/tokens/functional/size/border.json5",
141
141
  "isSource": true,
142
142
  "original": {
143
143
  "$value": "inset 0 0 0 {borderWidth.thick}",
144
144
  "$description": "Thick shadow (2px) used instead of a border for emphasis without layout shift",
145
- "$type": "string",
145
+ "$type": "custom-string",
146
146
  "key": "{boxShadow.thick}"
147
147
  },
148
148
  "name": "boxShadow-thick",
@@ -153,13 +153,13 @@
153
153
  "key": "{boxShadow.thicker}",
154
154
  "$value": "inset 0 0 0 0.25rem,4px",
155
155
  "$description": "Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact",
156
- "$type": "string",
156
+ "$type": "custom-string",
157
157
  "filePath": "src/tokens/functional/size/border.json5",
158
158
  "isSource": true,
159
159
  "original": {
160
160
  "$value": "inset 0 0 0 {borderWidth.thicker}",
161
161
  "$description": "Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact",
162
- "$type": "string",
162
+ "$type": "custom-string",
163
163
  "key": "{boxShadow.thicker}"
164
164
  },
165
165
  "name": "boxShadow-thicker",
@@ -170,13 +170,13 @@
170
170
  "key": "{boxShadow.thin}",
171
171
  "$value": "inset 0 0 0 0.0625rem,1px",
172
172
  "$description": "Thin shadow used instead of a border to prevent layout shift",
173
- "$type": "string",
173
+ "$type": "custom-string",
174
174
  "filePath": "src/tokens/functional/size/border.json5",
175
175
  "isSource": true,
176
176
  "original": {
177
177
  "$value": "inset 0 0 0 {borderWidth.thin}",
178
178
  "$description": "Thin shadow used instead of a border to prevent layout shift",
179
- "$type": "string",
179
+ "$type": "custom-string",
180
180
  "key": "{boxShadow.thin}"
181
181
  },
182
182
  "name": "boxShadow-thin",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "11.4.1-rc.d0049059",
3
+ "version": "11.4.1-rc.d4178e4a",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
@@ -3,17 +3,17 @@
3
3
  thin: {
4
4
  $value: 'inset 0 0 0 {borderWidth.thin}',
5
5
  $description: 'Thin shadow used instead of a border to prevent layout shift',
6
- $type: 'string',
6
+ $type: 'custom-string',
7
7
  },
8
8
  thick: {
9
9
  $value: 'inset 0 0 0 {borderWidth.thick}',
10
10
  $description: 'Thick shadow (2px) used instead of a border for emphasis without layout shift',
11
- $type: 'string',
11
+ $type: 'custom-string',
12
12
  },
13
13
  thicker: {
14
14
  $value: 'inset 0 0 0 {borderWidth.thicker}',
15
15
  $description: 'Thickest shadow (4px) used for high emphasis borders without layout shift. Use sparingly for maximum visual impact',
16
- $type: 'string',
16
+ $type: 'custom-string',
17
17
  },
18
18
  },
19
19
  borderWidth: {