@atlaskit/tokens 1.25.0 → 1.25.1
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/CHANGELOG.md +171 -165
- package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -2
- package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -2
- package/dist/cjs/artifacts/generated-pairs.js +1 -1
- package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +1 -2
- package/dist/cjs/artifacts/palettes-raw/palette.js +1 -2
- package/dist/cjs/artifacts/palettes-raw/shape-palette.js +1 -2
- package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +1 -2
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +4 -5
- package/dist/cjs/artifacts/palettes-raw/updated-saturated-palette.js +1 -2
- package/dist/cjs/artifacts/replacement-mapping.js +1 -2
- package/dist/cjs/artifacts/theme-import-map.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-dark-new-input-border.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-dark-saturated-palette-changes.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-light-new-input-border.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-light-saturated-palette-changes.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-shape.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-spacing.js +1 -2
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -3
- package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -3
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -3
- package/dist/cjs/artifacts/token-default-values.js +14 -15
- package/dist/cjs/artifacts/token-names.js +12 -13
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-new-input-border.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-new-input-border.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +34 -35
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +35 -36
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +35 -36
- package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +1 -2
- package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +1 -2
- package/dist/cjs/constants.js +8 -16
- package/dist/cjs/custom-theme.js +2 -3
- package/dist/cjs/enable-global-theme.js +1 -2
- package/dist/cjs/get-global-theme.js +1 -2
- package/dist/cjs/get-ssr-auto-script.js +1 -2
- package/dist/cjs/get-theme-html-attrs.js +1 -2
- package/dist/cjs/get-theme-styles.js +2 -3
- package/dist/cjs/get-token-value.js +2 -3
- package/dist/cjs/get-token.js +2 -3
- package/dist/cjs/load-custom-theme-styles.js +1 -2
- package/dist/cjs/palettes/legacy-palette.js +1 -2
- package/dist/cjs/palettes/palette.js +1 -2
- package/dist/cjs/palettes/shape-palette.js +1 -2
- package/dist/cjs/palettes/spacing-scale.js +1 -2
- package/dist/cjs/palettes/typography-palette.js +2 -3
- package/dist/cjs/palettes/updated-saturated-palette.js +1 -2
- package/dist/cjs/set-global-theme.js +1 -2
- package/dist/cjs/theme-config.js +7 -12
- package/dist/cjs/theme-mutation-observer.js +2 -3
- package/dist/cjs/theme-state-transformer.js +3 -5
- package/dist/cjs/tokens/atlassian-dark/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/chart.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/interaction.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/skeleton.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/color/text.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/atlassian-dark/utility/utility.js +2 -3
- package/dist/cjs/tokens/atlassian-dark-new-input-border/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-dark-saturated-palette-changes/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/chart.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/interaction.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/skeleton.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/color/text.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/elevation/surface.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +2 -3
- package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/chart.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/interaction.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/skeleton.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/elevation/surface.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +2 -3
- package/dist/cjs/tokens/atlassian-light/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/chart.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/interaction.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/skeleton.js +1 -2
- package/dist/cjs/tokens/atlassian-light/color/text.js +1 -2
- package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/atlassian-light/elevation/surface.js +1 -2
- package/dist/cjs/tokens/atlassian-light/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/atlassian-light/utility/utility.js +2 -3
- package/dist/cjs/tokens/atlassian-light-new-input-border/color/border.js +1 -2
- package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/accent.js +1 -2
- package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/background.js +1 -2
- package/dist/cjs/tokens/atlassian-light-saturated-palette-changes/color/icon.js +1 -2
- package/dist/cjs/tokens/atlassian-shape/shape.js +1 -2
- package/dist/cjs/tokens/atlassian-spacing/spacing.js +1 -2
- package/dist/cjs/tokens/atlassian-typography/font-family.js +1 -2
- package/dist/cjs/tokens/atlassian-typography/letter-spacing.js +1 -2
- package/dist/cjs/tokens/atlassian-typography/theme.js +11 -12
- package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/font-size.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/font-weight.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/letter-spacing.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/line-height.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +12 -13
- package/dist/cjs/tokens/atlassian-typography-minor3/font-family.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-minor3/letter-spacing.js +1 -2
- package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +12 -13
- package/dist/cjs/tokens/default/color/accent.js +1 -2
- package/dist/cjs/tokens/default/color/background.js +1 -2
- package/dist/cjs/tokens/default/color/border.js +1 -2
- package/dist/cjs/tokens/default/color/chart.js +1 -2
- package/dist/cjs/tokens/default/color/icon.js +1 -2
- package/dist/cjs/tokens/default/color/interaction.js +1 -2
- package/dist/cjs/tokens/default/color/skeleton.js +1 -2
- package/dist/cjs/tokens/default/color/text.js +1 -2
- package/dist/cjs/tokens/default/elevation/shadow.js +1 -2
- package/dist/cjs/tokens/default/elevation/surface.js +1 -2
- package/dist/cjs/tokens/default/opacity/opacity.js +1 -2
- package/dist/cjs/tokens/default/shape/shape.js +1 -2
- package/dist/cjs/tokens/default/spacing/spacing.js +1 -2
- package/dist/cjs/tokens/default/typography/font-family.js +1 -2
- package/dist/cjs/tokens/default/typography/font-size.js +1 -2
- package/dist/cjs/tokens/default/typography/font-weight.js +1 -2
- package/dist/cjs/tokens/default/typography/font.js +11 -12
- package/dist/cjs/tokens/default/typography/letter-spacing.js +1 -2
- package/dist/cjs/tokens/default/typography/line-height.js +1 -2
- package/dist/cjs/tokens/default/utility/utility.js +2 -3
- package/dist/cjs/use-theme-observer.js +1 -2
- package/dist/cjs/utils/color-detection.js +3 -5
- package/dist/cjs/utils/color-mode-listeners.js +1 -2
- package/dist/cjs/utils/color-utils.js +1 -2
- package/dist/cjs/utils/custom-theme-token-contrast-check.js +3 -5
- package/dist/cjs/utils/generate-custom-color-ramp.js +5 -9
- package/dist/cjs/utils/get-theme-preferences.js +3 -5
- package/dist/cjs/utils/hash.js +2 -3
- package/dist/cjs/utils/hct-color-utils/contrast.js +2 -3
- package/dist/cjs/utils/hct-color-utils/hct.js +7 -7
- package/dist/cjs/utils/theme-loading.js +3 -6
- package/dist/cjs/utils/token-ids.js +4 -7
- package/dist/cjs/utils/token-order.js +2 -3
- package/dist/es2019/artifacts/palettes-raw/typography-palette.js +3 -3
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +13 -13
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +14 -14
- package/dist/es2019/artifacts/themes/atlassian-typography.js +14 -14
- package/dist/es2019/artifacts/token-default-values.js +13 -13
- package/dist/es2019/artifacts/token-names.js +11 -11
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +33 -33
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +34 -34
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +34 -34
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/typography-palette.js +1 -1
- package/dist/es2019/tokens/atlassian-typography/theme.js +10 -10
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +10 -10
- package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +10 -10
- package/dist/es2019/tokens/default/typography/font.js +10 -10
- package/dist/es2019/utils/hct-color-utils/hct.js +3 -1
- package/dist/esm/artifacts/palettes-raw/typography-palette.js +3 -3
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +13 -13
- package/dist/esm/artifacts/token-names.js +11 -11
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +33 -33
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +34 -34
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +34 -34
- package/dist/esm/custom-theme.js +1 -1
- package/dist/esm/get-theme-styles.js +1 -1
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/typography-palette.js +1 -1
- package/dist/esm/tokens/atlassian-typography/theme.js +10 -10
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +10 -10
- package/dist/esm/tokens/atlassian-typography-minor3/theme.js +10 -10
- package/dist/esm/tokens/default/typography/font.js +10 -10
- package/dist/esm/utils/hct-color-utils/hct.js +3 -1
- package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +13 -13
- package/dist/types/artifacts/token-names.d.ts +21 -21
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +12 -12
- package/dist/types/tokens/atlassian-typography-minor3/theme.d.ts +12 -12
- package/dist/types/types.d.ts +10 -10
- package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +13 -13
- package/dist/types-ts4.5/artifacts/token-names.d.ts +21 -21
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +1 -1
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +12 -12
- package/dist/types-ts4.5/tokens/atlassian-typography-minor3/theme.d.ts +12 -12
- package/dist/types-ts4.5/types.d.ts +10 -10
- package/figma/atlassian-typography-adg3.json +2 -2
- package/figma/atlassian-typography-minor3.json +3 -3
- package/figma/atlassian-typography.json +3 -3
- package/package.json +2 -1
- package/report.api.md +21 -20
- package/tmp/api-report-tmp.d.ts +20 -20
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::a2b2ba21b8b91fbc1e372aaed37f2619>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
var tokens = [{
|
|
@@ -86,9 +86,9 @@ var tokens = [{
|
|
|
86
86
|
"letterSpacing": "LetterSpacing0"
|
|
87
87
|
}
|
|
88
88
|
},
|
|
89
|
-
"name": "font.body.
|
|
90
|
-
"path": ["font", "body", "
|
|
91
|
-
"cleanName": "font.body.
|
|
89
|
+
"name": "font.body.large",
|
|
90
|
+
"path": ["font", "body", "large"],
|
|
91
|
+
"cleanName": "font.body.large"
|
|
92
92
|
}, {
|
|
93
93
|
"attributes": {
|
|
94
94
|
"group": "typography",
|
|
@@ -115,9 +115,9 @@ var tokens = [{
|
|
|
115
115
|
"letterSpacing": "LetterSpacing0"
|
|
116
116
|
}
|
|
117
117
|
},
|
|
118
|
-
"name": "font.body.
|
|
119
|
-
"path": ["font", "body", "
|
|
120
|
-
"cleanName": "font.body.
|
|
118
|
+
"name": "font.body.small",
|
|
119
|
+
"path": ["font", "body", "small"],
|
|
120
|
+
"cleanName": "font.body.small"
|
|
121
121
|
}, {
|
|
122
122
|
"attributes": {
|
|
123
123
|
"group": "typography",
|
|
@@ -173,9 +173,9 @@ var tokens = [{
|
|
|
173
173
|
"letterSpacing": "LetterSpacing0"
|
|
174
174
|
}
|
|
175
175
|
},
|
|
176
|
-
"name": "font.heading.
|
|
177
|
-
"path": ["font", "heading", "
|
|
178
|
-
"cleanName": "font.heading.
|
|
176
|
+
"name": "font.heading.large",
|
|
177
|
+
"path": ["font", "heading", "large"],
|
|
178
|
+
"cleanName": "font.heading.large"
|
|
179
179
|
}, {
|
|
180
180
|
"attributes": {
|
|
181
181
|
"group": "typography",
|
|
@@ -202,9 +202,9 @@ var tokens = [{
|
|
|
202
202
|
"letterSpacing": "LetterSpacing0"
|
|
203
203
|
}
|
|
204
204
|
},
|
|
205
|
-
"name": "font.heading.
|
|
206
|
-
"path": ["font", "heading", "
|
|
207
|
-
"cleanName": "font.heading.
|
|
205
|
+
"name": "font.heading.medium",
|
|
206
|
+
"path": ["font", "heading", "medium"],
|
|
207
|
+
"cleanName": "font.heading.medium"
|
|
208
208
|
}, {
|
|
209
209
|
"attributes": {
|
|
210
210
|
"group": "typography",
|
|
@@ -231,9 +231,9 @@ var tokens = [{
|
|
|
231
231
|
"letterSpacing": "LetterSpacing0"
|
|
232
232
|
}
|
|
233
233
|
},
|
|
234
|
-
"name": "font.heading.
|
|
235
|
-
"path": ["font", "heading", "
|
|
236
|
-
"cleanName": "font.heading.
|
|
234
|
+
"name": "font.heading.small",
|
|
235
|
+
"path": ["font", "heading", "small"],
|
|
236
|
+
"cleanName": "font.heading.small"
|
|
237
237
|
}, {
|
|
238
238
|
"attributes": {
|
|
239
239
|
"group": "typography",
|
|
@@ -260,9 +260,9 @@ var tokens = [{
|
|
|
260
260
|
"letterSpacing": "LetterSpacing0"
|
|
261
261
|
}
|
|
262
262
|
},
|
|
263
|
-
"name": "font.heading.
|
|
264
|
-
"path": ["font", "heading", "
|
|
265
|
-
"cleanName": "font.heading.
|
|
263
|
+
"name": "font.heading.xlarge",
|
|
264
|
+
"path": ["font", "heading", "xlarge"],
|
|
265
|
+
"cleanName": "font.heading.xlarge"
|
|
266
266
|
}, {
|
|
267
267
|
"attributes": {
|
|
268
268
|
"group": "typography",
|
|
@@ -289,9 +289,9 @@ var tokens = [{
|
|
|
289
289
|
"letterSpacing": "LetterSpacing0"
|
|
290
290
|
}
|
|
291
291
|
},
|
|
292
|
-
"name": "font.heading.
|
|
293
|
-
"path": ["font", "heading", "
|
|
294
|
-
"cleanName": "font.heading.
|
|
292
|
+
"name": "font.heading.xsmall",
|
|
293
|
+
"path": ["font", "heading", "xsmall"],
|
|
294
|
+
"cleanName": "font.heading.xsmall"
|
|
295
295
|
}, {
|
|
296
296
|
"attributes": {
|
|
297
297
|
"group": "typography",
|
|
@@ -318,9 +318,9 @@ var tokens = [{
|
|
|
318
318
|
"letterSpacing": "LetterSpacing0"
|
|
319
319
|
}
|
|
320
320
|
},
|
|
321
|
-
"name": "font.heading.
|
|
322
|
-
"path": ["font", "heading", "
|
|
323
|
-
"cleanName": "font.heading.
|
|
321
|
+
"name": "font.heading.xxlarge",
|
|
322
|
+
"path": ["font", "heading", "xxlarge"],
|
|
323
|
+
"cleanName": "font.heading.xxlarge"
|
|
324
324
|
}, {
|
|
325
325
|
"attributes": {
|
|
326
326
|
"group": "typography",
|
|
@@ -347,9 +347,9 @@ var tokens = [{
|
|
|
347
347
|
"letterSpacing": "LetterSpacing0"
|
|
348
348
|
}
|
|
349
349
|
},
|
|
350
|
-
"name": "font.heading.
|
|
351
|
-
"path": ["font", "heading", "
|
|
352
|
-
"cleanName": "font.heading.
|
|
350
|
+
"name": "font.heading.xxsmall",
|
|
351
|
+
"path": ["font", "heading", "xxsmall"],
|
|
352
|
+
"cleanName": "font.heading.xxsmall"
|
|
353
353
|
}, {
|
|
354
354
|
"attributes": {
|
|
355
355
|
"group": "letterSpacing",
|
|
@@ -515,9 +515,9 @@ var tokens = [{
|
|
|
515
515
|
"letterSpacing": "LetterSpacing0"
|
|
516
516
|
}
|
|
517
517
|
},
|
|
518
|
-
"name": "font.ui.
|
|
519
|
-
"path": ["font", "ui", "
|
|
520
|
-
"cleanName": "font.ui.
|
|
518
|
+
"name": "font.ui.small",
|
|
519
|
+
"path": ["font", "ui", "small"],
|
|
520
|
+
"cleanName": "font.ui.small"
|
|
521
521
|
}, {
|
|
522
522
|
"attributes": {
|
|
523
523
|
"group": "fontFamily",
|
|
@@ -525,7 +525,7 @@ var tokens = [{
|
|
|
525
525
|
"introduced": "1.14.0",
|
|
526
526
|
"description": "Helpful guidance goes here"
|
|
527
527
|
},
|
|
528
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
528
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
529
529
|
"filePath": "src/tokens/atlassian-typography-minor3/font-family.tsx",
|
|
530
530
|
"isSource": true,
|
|
531
531
|
"original": {
|
|
@@ -569,7 +569,7 @@ var tokens = [{
|
|
|
569
569
|
"introduced": "1.14.0",
|
|
570
570
|
"description": "Helpful guidance goes here"
|
|
571
571
|
},
|
|
572
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
572
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
573
573
|
"filePath": "src/tokens/atlassian-typography-minor3/font-family.tsx",
|
|
574
574
|
"isSource": true,
|
|
575
575
|
"original": {
|
|
@@ -613,7 +613,7 @@ var tokens = [{
|
|
|
613
613
|
"introduced": "0.10.33",
|
|
614
614
|
"description": "Helpful guidance goes here"
|
|
615
615
|
},
|
|
616
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
616
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
617
617
|
"filePath": "src/tokens/atlassian-typography-minor3/font-family.tsx",
|
|
618
618
|
"isSource": true,
|
|
619
619
|
"original": {
|
|
@@ -651,5 +651,4 @@ var tokens = [{
|
|
|
651
651
|
"path": ["font", "family", "brand"],
|
|
652
652
|
"cleanName": "font.family.brand"
|
|
653
653
|
}];
|
|
654
|
-
var _default = tokens;
|
|
655
|
-
exports.default = _default;
|
|
654
|
+
var _default = exports.default = tokens;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
/**
|
|
8
8
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::87a8cb620b538e3524b5031d5a012ecd>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
var tokens = [{
|
|
@@ -64,9 +64,9 @@ var tokens = [{
|
|
|
64
64
|
"letterSpacing": "LetterSpacing0"
|
|
65
65
|
}
|
|
66
66
|
},
|
|
67
|
-
"name": "font.body.
|
|
68
|
-
"path": ["font", "body", "
|
|
69
|
-
"cleanName": "font.body.
|
|
67
|
+
"name": "font.body.large",
|
|
68
|
+
"path": ["font", "body", "large"],
|
|
69
|
+
"cleanName": "font.body.large"
|
|
70
70
|
}, {
|
|
71
71
|
"attributes": {
|
|
72
72
|
"group": "typography",
|
|
@@ -93,9 +93,9 @@ var tokens = [{
|
|
|
93
93
|
"letterSpacing": "LetterSpacing0"
|
|
94
94
|
}
|
|
95
95
|
},
|
|
96
|
-
"name": "font.body.
|
|
97
|
-
"path": ["font", "body", "
|
|
98
|
-
"cleanName": "font.body.
|
|
96
|
+
"name": "font.body.small",
|
|
97
|
+
"path": ["font", "body", "small"],
|
|
98
|
+
"cleanName": "font.body.small"
|
|
99
99
|
}, {
|
|
100
100
|
"attributes": {
|
|
101
101
|
"group": "typography",
|
|
@@ -151,9 +151,9 @@ var tokens = [{
|
|
|
151
151
|
"letterSpacing": "LetterSpacing0"
|
|
152
152
|
}
|
|
153
153
|
},
|
|
154
|
-
"name": "font.heading.
|
|
155
|
-
"path": ["font", "heading", "
|
|
156
|
-
"cleanName": "font.heading.
|
|
154
|
+
"name": "font.heading.large",
|
|
155
|
+
"path": ["font", "heading", "large"],
|
|
156
|
+
"cleanName": "font.heading.large"
|
|
157
157
|
}, {
|
|
158
158
|
"attributes": {
|
|
159
159
|
"group": "typography",
|
|
@@ -180,9 +180,9 @@ var tokens = [{
|
|
|
180
180
|
"letterSpacing": "LetterSpacing0"
|
|
181
181
|
}
|
|
182
182
|
},
|
|
183
|
-
"name": "font.heading.
|
|
184
|
-
"path": ["font", "heading", "
|
|
185
|
-
"cleanName": "font.heading.
|
|
183
|
+
"name": "font.heading.medium",
|
|
184
|
+
"path": ["font", "heading", "medium"],
|
|
185
|
+
"cleanName": "font.heading.medium"
|
|
186
186
|
}, {
|
|
187
187
|
"attributes": {
|
|
188
188
|
"group": "typography",
|
|
@@ -209,9 +209,9 @@ var tokens = [{
|
|
|
209
209
|
"letterSpacing": "LetterSpacing0"
|
|
210
210
|
}
|
|
211
211
|
},
|
|
212
|
-
"name": "font.heading.
|
|
213
|
-
"path": ["font", "heading", "
|
|
214
|
-
"cleanName": "font.heading.
|
|
212
|
+
"name": "font.heading.small",
|
|
213
|
+
"path": ["font", "heading", "small"],
|
|
214
|
+
"cleanName": "font.heading.small"
|
|
215
215
|
}, {
|
|
216
216
|
"attributes": {
|
|
217
217
|
"group": "typography",
|
|
@@ -238,9 +238,9 @@ var tokens = [{
|
|
|
238
238
|
"letterSpacing": "LetterSpacing0"
|
|
239
239
|
}
|
|
240
240
|
},
|
|
241
|
-
"name": "font.heading.
|
|
242
|
-
"path": ["font", "heading", "
|
|
243
|
-
"cleanName": "font.heading.
|
|
241
|
+
"name": "font.heading.xlarge",
|
|
242
|
+
"path": ["font", "heading", "xlarge"],
|
|
243
|
+
"cleanName": "font.heading.xlarge"
|
|
244
244
|
}, {
|
|
245
245
|
"attributes": {
|
|
246
246
|
"group": "typography",
|
|
@@ -267,9 +267,9 @@ var tokens = [{
|
|
|
267
267
|
"letterSpacing": "LetterSpacing0"
|
|
268
268
|
}
|
|
269
269
|
},
|
|
270
|
-
"name": "font.heading.
|
|
271
|
-
"path": ["font", "heading", "
|
|
272
|
-
"cleanName": "font.heading.
|
|
270
|
+
"name": "font.heading.xsmall",
|
|
271
|
+
"path": ["font", "heading", "xsmall"],
|
|
272
|
+
"cleanName": "font.heading.xsmall"
|
|
273
273
|
}, {
|
|
274
274
|
"attributes": {
|
|
275
275
|
"group": "typography",
|
|
@@ -296,9 +296,9 @@ var tokens = [{
|
|
|
296
296
|
"letterSpacing": "LetterSpacing0"
|
|
297
297
|
}
|
|
298
298
|
},
|
|
299
|
-
"name": "font.heading.
|
|
300
|
-
"path": ["font", "heading", "
|
|
301
|
-
"cleanName": "font.heading.
|
|
299
|
+
"name": "font.heading.xxlarge",
|
|
300
|
+
"path": ["font", "heading", "xxlarge"],
|
|
301
|
+
"cleanName": "font.heading.xxlarge"
|
|
302
302
|
}, {
|
|
303
303
|
"attributes": {
|
|
304
304
|
"group": "typography",
|
|
@@ -325,9 +325,9 @@ var tokens = [{
|
|
|
325
325
|
"letterSpacing": "LetterSpacing0"
|
|
326
326
|
}
|
|
327
327
|
},
|
|
328
|
-
"name": "font.heading.
|
|
329
|
-
"path": ["font", "heading", "
|
|
330
|
-
"cleanName": "font.heading.
|
|
328
|
+
"name": "font.heading.xxsmall",
|
|
329
|
+
"path": ["font", "heading", "xxsmall"],
|
|
330
|
+
"cleanName": "font.heading.xxsmall"
|
|
331
331
|
}, {
|
|
332
332
|
"attributes": {
|
|
333
333
|
"group": "letterSpacing",
|
|
@@ -493,9 +493,9 @@ var tokens = [{
|
|
|
493
493
|
"letterSpacing": "LetterSpacing0"
|
|
494
494
|
}
|
|
495
495
|
},
|
|
496
|
-
"name": "font.ui.
|
|
497
|
-
"path": ["font", "ui", "
|
|
498
|
-
"cleanName": "font.ui.
|
|
496
|
+
"name": "font.ui.small",
|
|
497
|
+
"path": ["font", "ui", "small"],
|
|
498
|
+
"cleanName": "font.ui.small"
|
|
499
499
|
}, {
|
|
500
500
|
"attributes": {
|
|
501
501
|
"group": "fontFamily",
|
|
@@ -503,7 +503,7 @@ var tokens = [{
|
|
|
503
503
|
"introduced": "1.14.0",
|
|
504
504
|
"description": "Helpful guidance goes here"
|
|
505
505
|
},
|
|
506
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
506
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
507
507
|
"filePath": "src/tokens/atlassian-typography/font-family.tsx",
|
|
508
508
|
"isSource": true,
|
|
509
509
|
"original": {
|
|
@@ -547,7 +547,7 @@ var tokens = [{
|
|
|
547
547
|
"introduced": "1.14.0",
|
|
548
548
|
"description": "Helpful guidance goes here"
|
|
549
549
|
},
|
|
550
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
550
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
551
551
|
"filePath": "src/tokens/atlassian-typography/font-family.tsx",
|
|
552
552
|
"isSource": true,
|
|
553
553
|
"original": {
|
|
@@ -591,7 +591,7 @@ var tokens = [{
|
|
|
591
591
|
"introduced": "0.10.33",
|
|
592
592
|
"description": "Helpful guidance goes here"
|
|
593
593
|
},
|
|
594
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
594
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
595
595
|
"filePath": "src/tokens/atlassian-typography/font-family.tsx",
|
|
596
596
|
"isSource": true,
|
|
597
597
|
"original": {
|
|
@@ -629,5 +629,4 @@ var tokens = [{
|
|
|
629
629
|
"path": ["font", "family", "brand"],
|
|
630
630
|
"cleanName": "font.family.brand"
|
|
631
631
|
}];
|
|
632
|
-
var _default = tokens;
|
|
633
|
-
exports.default = _default;
|
|
632
|
+
var _default = exports.default = tokens;
|
|
@@ -398,5 +398,4 @@ var tokens = {
|
|
|
398
398
|
'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
|
|
399
399
|
'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN'
|
|
400
400
|
};
|
|
401
|
-
var _default = tokens;
|
|
402
|
-
exports.default = _default;
|
|
401
|
+
var _default = exports.default = tokens;
|
|
@@ -398,5 +398,4 @@ var tokens = {
|
|
|
398
398
|
'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
|
|
399
399
|
'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN'
|
|
400
400
|
};
|
|
401
|
-
var _default = tokens;
|
|
402
|
-
exports.default = _default;
|
|
401
|
+
var _default = exports.default = tokens;
|
package/dist/cjs/constants.js
CHANGED
|
@@ -4,19 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TOKEN_NOT_FOUND_CSS_VAR = exports.THEME_DATA_ATTRIBUTE = exports.DEFAULT_THEME = exports.CUSTOM_THEME_ATTRIBUTE = exports.CURRENT_SURFACE_CSS_VAR = exports.CSS_VAR_FULL = exports.CSS_PREFIX = exports.COLOR_MODE_ATTRIBUTE = void 0;
|
|
7
|
-
var THEME_DATA_ATTRIBUTE = 'data-theme';
|
|
8
|
-
exports.
|
|
9
|
-
var
|
|
10
|
-
exports.
|
|
11
|
-
var
|
|
12
|
-
exports.
|
|
13
|
-
var
|
|
14
|
-
exports.
|
|
15
|
-
var CSS_PREFIX = 'ds';
|
|
16
|
-
exports.CSS_PREFIX = CSS_PREFIX;
|
|
17
|
-
var CSS_VAR_FULL = ['opacity', 'font', 'space', 'border'];
|
|
18
|
-
exports.CSS_VAR_FULL = CSS_VAR_FULL;
|
|
19
|
-
var TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");
|
|
20
|
-
exports.TOKEN_NOT_FOUND_CSS_VAR = TOKEN_NOT_FOUND_CSS_VAR;
|
|
21
|
-
var CURRENT_SURFACE_CSS_VAR = "--".concat(CSS_PREFIX, "-elevation-surface-current");
|
|
22
|
-
exports.CURRENT_SURFACE_CSS_VAR = CURRENT_SURFACE_CSS_VAR;
|
|
7
|
+
var THEME_DATA_ATTRIBUTE = exports.THEME_DATA_ATTRIBUTE = 'data-theme';
|
|
8
|
+
var COLOR_MODE_ATTRIBUTE = exports.COLOR_MODE_ATTRIBUTE = 'data-color-mode';
|
|
9
|
+
var CUSTOM_THEME_ATTRIBUTE = exports.CUSTOM_THEME_ATTRIBUTE = 'data-custom-theme';
|
|
10
|
+
var DEFAULT_THEME = exports.DEFAULT_THEME = 'light';
|
|
11
|
+
var CSS_PREFIX = exports.CSS_PREFIX = 'ds';
|
|
12
|
+
var CSS_VAR_FULL = exports.CSS_VAR_FULL = ['opacity', 'font', 'space', 'border'];
|
|
13
|
+
var TOKEN_NOT_FOUND_CSS_VAR = exports.TOKEN_NOT_FOUND_CSS_VAR = "--".concat(CSS_PREFIX, "-token-not-found");
|
|
14
|
+
var CURRENT_SURFACE_CSS_VAR = exports.CURRENT_SURFACE_CSS_VAR = "--".concat(CSS_PREFIX, "-elevation-surface-current");
|
package/dist/cjs/custom-theme.js
CHANGED
|
@@ -11,7 +11,7 @@ var _themeConfig = require("./theme-config");
|
|
|
11
11
|
var _customThemeLoadingUtils = require("./utils/custom-theme-loading-utils");
|
|
12
12
|
var _generateCustomColorRamp = require("./utils/generate-custom-color-ramp");
|
|
13
13
|
var _hash = require("./utils/hash");
|
|
14
|
-
var CUSTOM_STYLE_ELEMENTS_SIZE_THRESHOLD = 10;
|
|
14
|
+
var CUSTOM_STYLE_ELEMENTS_SIZE_THRESHOLD = exports.CUSTOM_STYLE_ELEMENTS_SIZE_THRESHOLD = 10;
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
17
|
*
|
|
@@ -29,10 +29,9 @@ var CUSTOM_STYLE_ELEMENTS_SIZE_THRESHOLD = 10;
|
|
|
29
29
|
* @returns An object array, containing theme IDs, data-attributes to attach to the theme, and the theme CSS.
|
|
30
30
|
* If an error is encountered while loading themes, the themes array will be empty.
|
|
31
31
|
*/
|
|
32
|
-
exports.CUSTOM_STYLE_ELEMENTS_SIZE_THRESHOLD = CUSTOM_STYLE_ELEMENTS_SIZE_THRESHOLD;
|
|
33
32
|
function getCustomThemeStyles(themeState) {
|
|
34
33
|
var _themeState$UNSAFE_th;
|
|
35
|
-
var brandColor = themeState === null || themeState === void 0
|
|
34
|
+
var brandColor = themeState === null || themeState === void 0 || (_themeState$UNSAFE_th = themeState.UNSAFE_themeOptions) === null || _themeState$UNSAFE_th === void 0 ? void 0 : _themeState$UNSAFE_th.brandColor;
|
|
36
35
|
var mode = (themeState === null || themeState === void 0 ? void 0 : themeState.colorMode) || _themeConfig.themeStateDefaults['colorMode'];
|
|
37
36
|
var optionString = JSON.stringify(themeState === null || themeState === void 0 ? void 0 : themeState.UNSAFE_themeOptions);
|
|
38
37
|
var uniqueId = (0, _hash.hash)(optionString);
|
|
@@ -17,5 +17,4 @@ var _themeLoading = require("./utils/theme-loading");
|
|
|
17
17
|
var getSSRAutoScript = function getSSRAutoScript(colorMode) {
|
|
18
18
|
return colorMode === 'auto' ? "(\n () => {\n try {\n const mql = window.matchMedia('".concat(_themeLoading.darkModeMediaQuery, "');\n const colorMode = mql.matches ? 'dark' : 'light';\n document.documentElement.setAttribute('").concat(_constants.COLOR_MODE_ATTRIBUTE, "', colorMode);\n } catch (e) {}\n }\n)()") : undefined;
|
|
19
19
|
};
|
|
20
|
-
var _default = getSSRAutoScript;
|
|
21
|
-
exports.default = _default;
|
|
20
|
+
var _default = exports.default = getSSRAutoScript;
|
|
@@ -92,7 +92,7 @@ var getThemeStyles = /*#__PURE__*/function () {
|
|
|
92
92
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
93
93
|
while (1) switch (_context2.prev = _context2.next) {
|
|
94
94
|
case 0:
|
|
95
|
-
if (!(preferences !== 'all' && preferences !== null && preferences !== void 0 && preferences.UNSAFE_themeOptions && (0, _colorUtils.isValidBrandHex)(preferences === null || preferences === void 0
|
|
95
|
+
if (!(preferences !== 'all' && preferences !== null && preferences !== void 0 && preferences.UNSAFE_themeOptions && (0, _colorUtils.isValidBrandHex)(preferences === null || preferences === void 0 || (_preferences$UNSAFE_t = preferences.UNSAFE_themeOptions) === null || _preferences$UNSAFE_t === void 0 ? void 0 : _preferences$UNSAFE_t.brandColor))) {
|
|
96
96
|
_context2.next = 15;
|
|
97
97
|
break;
|
|
98
98
|
}
|
|
@@ -138,5 +138,4 @@ var getThemeStyles = /*#__PURE__*/function () {
|
|
|
138
138
|
return _ref.apply(this, arguments);
|
|
139
139
|
};
|
|
140
140
|
}();
|
|
141
|
-
var _default = getThemeStyles;
|
|
142
|
-
exports.default = _default;
|
|
141
|
+
var _default = exports.default = getThemeStyles;
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
|
|
9
9
|
var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
|
|
10
10
|
var name = "@atlaskit/tokens";
|
|
11
|
-
var version = "1.25.
|
|
11
|
+
var version = "1.25.1";
|
|
12
12
|
/**
|
|
13
13
|
* Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
|
|
14
14
|
* resulting CSS Custom Property.
|
|
@@ -44,5 +44,4 @@ function getTokenValue(tokenId) {
|
|
|
44
44
|
tokenValue = tokenValue || fallback;
|
|
45
45
|
return tokenValue;
|
|
46
46
|
}
|
|
47
|
-
var _default = getTokenValue;
|
|
48
|
-
exports.default = _default;
|
|
47
|
+
var _default = exports.default = getTokenValue;
|
package/dist/cjs/get-token.js
CHANGED
|
@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
|
|
|
9
9
|
var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
|
|
10
10
|
var _constants = require("./constants");
|
|
11
11
|
var name = "@atlaskit/tokens";
|
|
12
|
-
var version = "1.25.
|
|
12
|
+
var version = "1.25.1";
|
|
13
13
|
/**
|
|
14
14
|
* Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
|
|
15
15
|
* This should be used to implement design decisions throughout your application.
|
|
@@ -45,5 +45,4 @@ function token(path, fallback) {
|
|
|
45
45
|
var tokenCall = fallback ? "var(".concat(token, ", ").concat(fallback, ")") : "var(".concat(token, ")");
|
|
46
46
|
return tokenCall;
|
|
47
47
|
}
|
|
48
|
-
var _default = token;
|
|
49
|
-
exports.default = _default;
|
|
48
|
+
var _default = exports.default = token;
|
|
@@ -148,7 +148,7 @@ var fontFamilyPalette = {
|
|
|
148
148
|
* @see https://fonts.google.com/knowledge/glossary/system_font_web_safe_font
|
|
149
149
|
*/
|
|
150
150
|
FontFamilyWebSans: {
|
|
151
|
-
value: "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
151
|
+
value: "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
152
152
|
attributes: {
|
|
153
153
|
group: 'fontFamily'
|
|
154
154
|
}
|
|
@@ -270,5 +270,4 @@ var fontSizeScale = {
|
|
|
270
270
|
var typographyPalette = {
|
|
271
271
|
typography: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, fontSizeScale), fontWeightScale), fontFamilyPalette), lineHeightScale), letterSpacingScale)
|
|
272
272
|
};
|
|
273
|
-
var _default = typographyPalette;
|
|
274
|
-
exports.default = _default;
|
|
273
|
+
var _default = exports.default = typographyPalette;
|
package/dist/cjs/theme-config.js
CHANGED
|
@@ -33,23 +33,20 @@ exports.themeStateDefaults = exports.themeOverrideIds = exports.themeIdsWithOver
|
|
|
33
33
|
* It may also be used as a selector for mode-specific overrides such as light/dark images.
|
|
34
34
|
* The idea is there may exist many color themes, but every theme must either fit into light or dark.
|
|
35
35
|
*/
|
|
36
|
-
var themeColorModes = ['light', 'dark', 'auto'];
|
|
37
|
-
exports.themeColorModes = themeColorModes;
|
|
36
|
+
var themeColorModes = exports.themeColorModes = ['light', 'dark', 'auto'];
|
|
38
37
|
/**
|
|
39
38
|
* Theme ids: The value that will be mounted to the DOM as a data attr
|
|
40
39
|
* For example: `data-theme="light:light dark:dark spacing:spacing"
|
|
41
40
|
*
|
|
42
41
|
* These ids must be kebab case
|
|
43
42
|
*/
|
|
44
|
-
var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3', 'typography-minor3'];
|
|
45
|
-
exports.themeIds = themeIds;
|
|
43
|
+
var themeIds = exports.themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape', 'typography-adg3', 'typography-minor3'];
|
|
46
44
|
/**
|
|
47
45
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
48
46
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
49
47
|
*/
|
|
50
|
-
var themeOverrideIds = ['light-new-input-border', 'dark-new-input-border', 'light-saturated-palette-changes', 'dark-saturated-palette-changes'];
|
|
51
|
-
exports.
|
|
52
|
-
var themeIdsWithOverrides = [].concat(themeIds, themeOverrideIds);
|
|
48
|
+
var themeOverrideIds = exports.themeOverrideIds = ['light-new-input-border', 'dark-new-input-border', 'light-saturated-palette-changes', 'dark-saturated-palette-changes'];
|
|
49
|
+
var themeIdsWithOverrides = exports.themeIdsWithOverrides = [].concat(themeIds, themeOverrideIds);
|
|
53
50
|
|
|
54
51
|
/**
|
|
55
52
|
* Theme to use a base. This will create the theme as
|
|
@@ -67,7 +64,7 @@ var themeIdsWithOverrides = [].concat(themeIds, themeOverrideIds);
|
|
|
67
64
|
* ThemeConfig: the source of truth for all theme meta-data.
|
|
68
65
|
* This object should be used whenever interfacing with themes.
|
|
69
66
|
*/
|
|
70
|
-
|
|
67
|
+
|
|
71
68
|
var themeConfig = {
|
|
72
69
|
'atlassian-light': {
|
|
73
70
|
id: 'light',
|
|
@@ -202,7 +199,7 @@ var themeConfig = {
|
|
|
202
199
|
/**
|
|
203
200
|
* themeStateDefaults: the default values for ThemeState used by theming utilities
|
|
204
201
|
*/
|
|
205
|
-
var themeStateDefaults = {
|
|
202
|
+
var themeStateDefaults = exports.themeStateDefaults = {
|
|
206
203
|
colorMode: 'auto',
|
|
207
204
|
dark: 'dark',
|
|
208
205
|
light: 'light',
|
|
@@ -216,6 +213,4 @@ var themeStateDefaults = {
|
|
|
216
213
|
* Represents theme state once mounted to the page
|
|
217
214
|
* (the page doesn't have an "auto" color mode, it's either light or dark)
|
|
218
215
|
*/
|
|
219
|
-
exports.
|
|
220
|
-
var _default = themeConfig;
|
|
221
|
-
exports.default = _default;
|
|
216
|
+
var _default = exports.default = themeConfig;
|
|
@@ -23,7 +23,7 @@ var _getGlobalTheme = _interopRequireDefault(require("./get-global-theme"));
|
|
|
23
23
|
* observer.observe();
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
|
-
var ThemeMutationObserver = /*#__PURE__*/function () {
|
|
26
|
+
var ThemeMutationObserver = exports.default = /*#__PURE__*/function () {
|
|
27
27
|
function ThemeMutationObserver(callback) {
|
|
28
28
|
(0, _classCallCheck2.default)(this, ThemeMutationObserver);
|
|
29
29
|
(0, _defineProperty2.default)(this, "observer", null);
|
|
@@ -50,5 +50,4 @@ var ThemeMutationObserver = /*#__PURE__*/function () {
|
|
|
50
50
|
}
|
|
51
51
|
}]);
|
|
52
52
|
return ThemeMutationObserver;
|
|
53
|
-
}();
|
|
54
|
-
exports.default = ThemeMutationObserver;
|
|
53
|
+
}();
|