@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
|
@@ -49,7 +49,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
49
49
|
* Tone is equivalent to L* in the L*a*b* color space, or L in the LCH color
|
|
50
50
|
* space.
|
|
51
51
|
*/
|
|
52
|
-
var Contrast = /*#__PURE__*/function () {
|
|
52
|
+
var Contrast = exports.Contrast = /*#__PURE__*/function () {
|
|
53
53
|
function Contrast() {
|
|
54
54
|
(0, _classCallCheck2.default)(this, Contrast);
|
|
55
55
|
}
|
|
@@ -184,5 +184,4 @@ var Contrast = /*#__PURE__*/function () {
|
|
|
184
184
|
}
|
|
185
185
|
}]);
|
|
186
186
|
return Contrast;
|
|
187
|
-
}();
|
|
188
|
-
exports.Contrast = Contrast;
|
|
187
|
+
}();
|
|
@@ -11,8 +11,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
11
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
12
|
var utils = _interopRequireWildcard(require("./color-utils"));
|
|
13
13
|
var math = _interopRequireWildcard(require("./math-utils"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
var _class2;
|
|
16
15
|
/**
|
|
17
16
|
* Below lines are copied from @material/material-color-utilities.
|
|
18
17
|
* Do not modify it.
|
|
@@ -33,6 +32,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
33
32
|
* See the License for the specific language governing permissions and
|
|
34
33
|
* limitations under the License.
|
|
35
34
|
*/
|
|
35
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
36
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
36
37
|
/**
|
|
37
38
|
* A color system built using CAM16 hue and chroma, and L* from
|
|
38
39
|
* L*a*b*.
|
|
@@ -53,7 +54,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
53
54
|
* accurate color measurement system that can also accurately render what colors
|
|
54
55
|
* will appear as in different lighting environments.
|
|
55
56
|
*/
|
|
56
|
-
var Hct = /*#__PURE__*/function () {
|
|
57
|
+
var Hct = exports.Hct = /*#__PURE__*/function () {
|
|
57
58
|
function Hct(argb) {
|
|
58
59
|
(0, _classCallCheck2.default)(this, Hct);
|
|
59
60
|
this.argb = argb;
|
|
@@ -204,7 +205,6 @@ var Hct = /*#__PURE__*/function () {
|
|
|
204
205
|
* point is accurately measured as a slightly chromatic blue by CAM16. (roughly,
|
|
205
206
|
* hue 203, chroma 3, lightness 100)
|
|
206
207
|
*/
|
|
207
|
-
exports.Hct = Hct;
|
|
208
208
|
var Cam16 = /*#__PURE__*/function () {
|
|
209
209
|
/**
|
|
210
210
|
* All of the CAM16 dimensions can be calculated from 3 of the dimensions, in
|
|
@@ -951,7 +951,7 @@ var HctSolver = /*#__PURE__*/function () {
|
|
|
951
951
|
(0, _defineProperty2.default)(HctSolver, "LINRGB_FROM_SCALED_DISCOUNT", [[1373.2198709594231, -1100.4251190754821, -7.278681089101213], [-271.815969077903, 559.6580465940733, -32.46047482791194], [1.9622899599665666, -57.173814538844006, 308.7233197812385]]);
|
|
952
952
|
(0, _defineProperty2.default)(HctSolver, "Y_FROM_LINRGB", [0.2126, 0.7152, 0.0722]);
|
|
953
953
|
(0, _defineProperty2.default)(HctSolver, "CRITICAL_PLANES", [0.015176349177441876, 0.045529047532325624, 0.07588174588720938, 0.10623444424209313, 0.13658714259697685, 0.16693984095186062, 0.19729253930674434, 0.2276452376616281, 0.2579979360165119, 0.28835063437139563, 0.3188300904430532, 0.350925934958123, 0.3848314933096426, 0.42057480301049466, 0.458183274052838, 0.4976837250274023, 0.5391024159806381, 0.5824650784040898, 0.6277969426914107, 0.6751227633498623, 0.7244668422128921, 0.775853049866786, 0.829304845476233, 0.8848452951698498, 0.942497089126609, 1.0022825574869039, 1.0642236851973577, 1.1283421258858297, 1.1946592148522128, 1.2631959812511864, 1.3339731595349034, 1.407011200216447, 1.4823302800086415, 1.5599503113873272, 1.6398909516233677, 1.7221716113234105, 1.8068114625156377, 1.8938294463134073, 1.9832442801866852, 2.075074464868551, 2.1693382909216234, 2.2660538449872063, 2.36523901573795, 2.4669114995532007, 2.5710888059345764, 2.6777882626779785, 2.7870270208169257, 2.898822059350997, 3.0131901897720907, 3.1301480604002863, 3.2497121605402226, 3.3718988244681087, 3.4967242352587946, 3.624204428461639, 3.754355295633311, 3.887192587735158, 4.022731918402185, 4.160988767090289, 4.301978482107941, 4.445716283538092, 4.592217266055746, 4.741496401646282, 4.893568542229298, 5.048448422192488, 5.20615066083972, 5.3666897647573375, 5.5300801301023865, 5.696336044816294, 5.865471690767354, 6.037501145825082, 6.212438385869475, 6.390297286737924, 6.571091626112461, 6.7548350853498045, 6.941541251256611, 7.131223617812143, 7.323895587840543, 7.5195704746346665, 7.7182615035334345, 7.919981813454504, 8.124744458384042, 8.332562408825165, 8.543448553206703, 8.757415699253682, 8.974476575321063, 9.194643831691977, 9.417930041841839, 9.644347703669503, 9.873909240696694, 10.106627003236781, 10.342513269534024, 10.58158024687427, 10.8238400726681, 11.069304815507364, 11.317986476196008, 11.569896988756009, 11.825048221409341, 12.083451977536606, 12.345119996613247, 12.610063955123938, 12.878295467455942, 13.149826086772048, 13.42466730586372, 13.702830557985108, 13.984327217668513, 14.269168601521828, 14.55736596900856, 14.848930523210871, 15.143873411576273, 15.44220572664832, 15.743938506781891, 16.04908273684337, 16.35764934889634, 16.66964922287304, 16.985093187232053, 17.30399201960269, 17.62635644741625, 17.95219714852476, 18.281524751807332, 18.614349837764564, 18.95068293910138, 19.290534541298456, 19.633915083172692, 19.98083495742689, 20.331304511189067, 20.685334046541502, 21.042933821039977, 21.404114048223256, 21.76888489811322, 22.137256497705877, 22.50923893145328, 22.884842241736916, 23.264076429332462, 23.6469514538663, 24.033477234264016, 24.42366364919083, 24.817520537484558, 25.21505769858089, 25.61628489293138, 26.021211842414342, 26.429848230738664, 26.842203703840827, 27.258287870275353, 27.678110301598522, 28.10168053274597, 28.529008062403893, 28.96010235337422, 29.39497283293396, 29.83362889318845, 30.276079891419332, 30.722335150426627, 31.172403958865512, 31.62629557157785, 32.08401920991837, 32.54558406207592, 33.010999283389665, 33.4802739966603, 33.953417292456834, 34.430438229418264, 34.911345834551085, 35.39614910352207, 35.88485700094671, 36.37747846067349, 36.87402238606382, 37.37449765026789, 37.87891309649659, 38.38727753828926, 38.89959975977785, 39.41588851594697, 39.93615253289054, 40.460400508064545, 40.98864111053629, 41.520882981230194, 42.05713473317016, 42.597404951718396, 43.141702194811224, 43.6900349931913, 44.24241185063697, 44.798841244188324, 45.35933162437017, 45.92389141541209, 46.49252901546552, 47.065252796817916, 47.64207110610409, 48.22299226451468, 48.808024568002054, 49.3971762874833, 49.9904556690408, 50.587870934119984, 51.189430279724725, 51.79514187861014, 52.40501387947288, 53.0190544071392, 53.637271562750364, 54.259673423945976, 54.88626804504493, 55.517063457223934, 56.15206766869424, 56.79128866487574, 57.43473440856916, 58.08241284012621, 58.734331877617365, 59.39049941699807, 60.05092333227251, 60.715611475655585, 61.38457167773311, 62.057811747619894, 62.7353394731159, 63.417162620860914, 64.10328893648692, 64.79372614476921, 65.48848194977529, 66.18756403501224, 66.89098006357258, 67.59873767827808, 68.31084450182222, 69.02730813691093, 69.74813616640164, 70.47333615344107, 71.20291564160104, 71.93688215501312, 72.67524319850172, 73.41800625771542, 74.16517879925733, 74.9167682708136, 75.67278210128072, 76.43322770089146, 77.1981124613393, 77.96744375590167, 78.74122893956174, 79.51947534912904, 80.30219030335869, 81.08938110306934, 81.88105503125999, 82.67721935322541, 83.4778813166706, 84.28304815182372, 85.09272707154808, 85.90692527145302, 86.72564993000343, 87.54890820862819, 88.3767072518277, 89.2090541872801, 90.04595612594655, 90.88742016217518, 91.73345337380438, 92.58406282226491, 93.43925555268066, 94.29903859396902, 95.16341895893969, 96.03240364439274, 96.9059996312159, 97.78421388448044, 98.6670533535366, 99.55452497210776]);
|
|
954
|
-
var ViewingConditions = /*#__PURE__*/function () {
|
|
954
|
+
var ViewingConditions = exports.ViewingConditions = /*#__PURE__*/function () {
|
|
955
955
|
/**
|
|
956
956
|
* Parameters are intermediate values of the CAM16 conversion process. Their
|
|
957
957
|
* names are shorthand for technical color science terminology, this class
|
|
@@ -1029,8 +1029,8 @@ var ViewingConditions = /*#__PURE__*/function () {
|
|
|
1029
1029
|
}]);
|
|
1030
1030
|
return ViewingConditions;
|
|
1031
1031
|
}();
|
|
1032
|
-
|
|
1032
|
+
_class2 = ViewingConditions;
|
|
1033
1033
|
/**
|
|
1034
1034
|
* sRGB-like viewing conditions.
|
|
1035
1035
|
*/
|
|
1036
|
-
(0, _defineProperty2.default)(ViewingConditions, "DEFAULT",
|
|
1036
|
+
(0, _defineProperty2.default)(ViewingConditions, "DEFAULT", _class2.make());
|
|
@@ -9,7 +9,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
|
|
|
9
9
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
10
10
|
var _themeImportMap = _interopRequireDefault(require("../artifacts/theme-import-map"));
|
|
11
11
|
var _constants = require("../constants");
|
|
12
|
-
var loadAndAppendThemeCss = /*#__PURE__*/function () {
|
|
12
|
+
var loadAndAppendThemeCss = exports.loadAndAppendThemeCss = /*#__PURE__*/function () {
|
|
13
13
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(themeId) {
|
|
14
14
|
var themeCss, style;
|
|
15
15
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
@@ -39,8 +39,7 @@ var loadAndAppendThemeCss = /*#__PURE__*/function () {
|
|
|
39
39
|
return _ref.apply(this, arguments);
|
|
40
40
|
};
|
|
41
41
|
}();
|
|
42
|
-
exports.
|
|
43
|
-
var loadThemeCss = /*#__PURE__*/function () {
|
|
42
|
+
var loadThemeCss = exports.loadThemeCss = /*#__PURE__*/function () {
|
|
44
43
|
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(themeId) {
|
|
45
44
|
var _yield$themeImportMap, themeCss;
|
|
46
45
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
@@ -62,6 +61,4 @@ var loadThemeCss = /*#__PURE__*/function () {
|
|
|
62
61
|
return _ref2.apply(this, arguments);
|
|
63
62
|
};
|
|
64
63
|
}();
|
|
65
|
-
exports.
|
|
66
|
-
var darkModeMediaQuery = '(prefers-color-scheme: dark)';
|
|
67
|
-
exports.darkModeMediaQuery = darkModeMediaQuery;
|
|
64
|
+
var darkModeMediaQuery = exports.darkModeMediaQuery = '(prefers-color-scheme: dark)';
|
|
@@ -21,7 +21,7 @@ var _constants = require("../constants");
|
|
|
21
21
|
* // Returns ds-background-bold
|
|
22
22
|
* getCSSCustomProperty('color.background.bold.[default]')
|
|
23
23
|
*/
|
|
24
|
-
var getCSSCustomProperty = function getCSSCustomProperty(path) {
|
|
24
|
+
var getCSSCustomProperty = exports.getCSSCustomProperty = function getCSSCustomProperty(path) {
|
|
25
25
|
var normalizedPath = typeof path === 'string' ? path.split('.') : path;
|
|
26
26
|
|
|
27
27
|
// Opacity and other 'shallow' groups are more readable when not trimmed
|
|
@@ -45,8 +45,7 @@ var getCSSCustomProperty = function getCSSCustomProperty(path) {
|
|
|
45
45
|
* // Returns color.background.bold
|
|
46
46
|
* getTokenId('color.background.bold.[default]')
|
|
47
47
|
*/
|
|
48
|
-
exports.
|
|
49
|
-
var getTokenId = function getTokenId(path) {
|
|
48
|
+
var getTokenId = exports.getTokenId = function getTokenId(path) {
|
|
50
49
|
var normalizedPath = typeof path === 'string' ? path.split('.') : path;
|
|
51
50
|
return normalizedPath.filter(function (el) {
|
|
52
51
|
return el !== '[default]';
|
|
@@ -63,8 +62,6 @@ var getTokenId = function getTokenId(path) {
|
|
|
63
62
|
* // Returns color.background.bold.[default]
|
|
64
63
|
* getFullyQualifiedTokenId(['color', 'background', 'bold', '[default]'])
|
|
65
64
|
*/
|
|
66
|
-
exports.
|
|
67
|
-
var getFullyQualifiedTokenId = function getFullyQualifiedTokenId(path) {
|
|
65
|
+
var getFullyQualifiedTokenId = exports.getFullyQualifiedTokenId = function getFullyQualifiedTokenId(path) {
|
|
68
66
|
return path.join('.');
|
|
69
|
-
};
|
|
70
|
-
exports.getFullyQualifiedTokenId = getFullyQualifiedTokenId;
|
|
67
|
+
};
|
|
@@ -7,7 +7,7 @@ exports.tokenOrder = void 0;
|
|
|
7
7
|
/**
|
|
8
8
|
* Create specific rules for ordering tokens based on their root path and subpath.
|
|
9
9
|
*/
|
|
10
|
-
var tokenOrder = [{
|
|
10
|
+
var tokenOrder = exports.tokenOrder = [{
|
|
11
11
|
path: 'color',
|
|
12
12
|
subpaths: ['text', 'link', 'icon', 'border', 'background', 'blanket', 'interaction', 'skeleton', 'chart',
|
|
13
13
|
// deleted ↓
|
|
@@ -42,5 +42,4 @@ var tokenOrder = [{
|
|
|
42
42
|
path: 'value',
|
|
43
43
|
// Legacy palette
|
|
44
44
|
subpaths: []
|
|
45
|
-
}];
|
|
46
|
-
exports.tokenOrder = tokenOrder;
|
|
45
|
+
}];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::70935f0c6dc0ecb8df8e0eea44853fba>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = [{
|
|
@@ -64,14 +64,14 @@ const tokens = [{
|
|
|
64
64
|
"name": "typography.fontFamily.FontFamilyWebMono",
|
|
65
65
|
"path": ["typography", "fontFamily", "FontFamilyWebMono"]
|
|
66
66
|
}, {
|
|
67
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
67
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
68
68
|
"attributes": {
|
|
69
69
|
"group": "fontFamily"
|
|
70
70
|
},
|
|
71
71
|
"filePath": "src/palettes/typography-palette.tsx",
|
|
72
72
|
"isSource": true,
|
|
73
73
|
"original": {
|
|
74
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
74
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
75
75
|
"attributes": {
|
|
76
76
|
"group": "fontFamily"
|
|
77
77
|
}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::96cc62c830718e9d864db23c2575005d>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography-adg3"] {
|
|
8
8
|
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
9
|
--ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
|
|
10
|
-
--ds-font-body-
|
|
11
|
-
--ds-font-body-
|
|
10
|
+
--ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);
|
|
11
|
+
--ds-font-body-small: normal 400 0.6875rem/1.25rem var(--ds-font-family-body);
|
|
12
12
|
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
13
|
-
--ds-font-heading-
|
|
14
|
-
--ds-font-heading-
|
|
15
|
-
--ds-font-heading-
|
|
16
|
-
--ds-font-heading-
|
|
17
|
-
--ds-font-heading-
|
|
18
|
-
--ds-font-heading-
|
|
19
|
-
--ds-font-heading-
|
|
13
|
+
--ds-font-heading-large: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
14
|
+
--ds-font-heading-medium: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);
|
|
15
|
+
--ds-font-heading-small: normal 600 1rem/1.25rem var(--ds-font-family-heading);
|
|
16
|
+
--ds-font-heading-xlarge: normal 600 1.8125rem/2rem var(--ds-font-family-heading);
|
|
17
|
+
--ds-font-heading-xsmall: normal 600 0.875rem/1rem var(--ds-font-family-heading);
|
|
18
|
+
--ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);
|
|
19
|
+
--ds-font-heading-xxsmall: normal 600 0.75rem/1rem var(--ds-font-family-heading);
|
|
20
20
|
--ds-font-letterSpacing-0: 0;
|
|
21
21
|
--ds-font-letterSpacing-100: -0.003em;
|
|
22
22
|
--ds-font-letterSpacing-200: -0.006em;
|
|
23
23
|
--ds-font-letterSpacing-300: -0.008em;
|
|
24
24
|
--ds-font-letterSpacing-400: -0.01em;
|
|
25
25
|
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
26
|
-
--ds-font-ui-
|
|
27
|
-
--ds-font-family-body: ui-sans-serif, "Segoe UI", system-ui,
|
|
26
|
+
--ds-font-ui-small: normal 400 0.6875rem/1 var(--ds-font-family-body);
|
|
27
|
+
--ds-font-family-body: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
28
28
|
--ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
29
|
-
--ds-font-family-heading: ui-sans-serif, "Segoe UI", system-ui,
|
|
29
|
+
--ds-font-family-heading: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
30
30
|
--ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
31
31
|
--ds-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
32
32
|
--ds-font-family-brand: Charlie Sans;
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::b12a1413276d27bfa1f318002382d994>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography-minor3"] {
|
|
8
8
|
--ds-UNSAFE-textTransformUppercase: uppercase;
|
|
9
9
|
--ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
|
|
10
|
-
--ds-font-body-
|
|
11
|
-
--ds-font-body-
|
|
10
|
+
--ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);
|
|
11
|
+
--ds-font-body-small: normal 400 0.75rem/1.25rem var(--ds-font-family-body);
|
|
12
12
|
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
13
|
-
--ds-font-heading-
|
|
14
|
-
--ds-font-heading-
|
|
15
|
-
--ds-font-heading-
|
|
16
|
-
--ds-font-heading-
|
|
17
|
-
--ds-font-heading-
|
|
18
|
-
--ds-font-heading-
|
|
19
|
-
--ds-font-heading-
|
|
13
|
+
--ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
14
|
+
--ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
|
|
15
|
+
--ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);
|
|
16
|
+
--ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
|
|
17
|
+
--ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);
|
|
18
|
+
--ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);
|
|
19
|
+
--ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);
|
|
20
20
|
--ds-font-letterSpacing-0: 0;
|
|
21
21
|
--ds-font-letterSpacing-100: 0;
|
|
22
22
|
--ds-font-letterSpacing-200: 0;
|
|
23
23
|
--ds-font-letterSpacing-300: 0;
|
|
24
24
|
--ds-font-letterSpacing-400: 0;
|
|
25
25
|
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
26
|
-
--ds-font-ui-
|
|
27
|
-
--ds-font-family-body: ui-sans-serif, "Segoe UI", system-ui,
|
|
26
|
+
--ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);
|
|
27
|
+
--ds-font-family-body: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
28
28
|
--ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
29
|
-
--ds-font-family-heading: ui-sans-serif, "Segoe UI", system-ui,
|
|
29
|
+
--ds-font-family-heading: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
30
30
|
--ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
31
|
-
--ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui,
|
|
31
|
+
--ds-font-family-sans: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
32
32
|
--ds-font-family-brand: Charlie Sans;
|
|
33
33
|
}
|
|
34
34
|
`;
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::f49eba45b4716be1be41c0ca5a63069e>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
export default `
|
|
7
7
|
html[data-theme~="typography:typography"] {
|
|
8
8
|
--ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
|
|
9
|
-
--ds-font-body-
|
|
10
|
-
--ds-font-body-
|
|
9
|
+
--ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);
|
|
10
|
+
--ds-font-body-small: normal 400 0.75rem/1.25rem var(--ds-font-family-body);
|
|
11
11
|
--ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
|
|
12
|
-
--ds-font-heading-
|
|
13
|
-
--ds-font-heading-
|
|
14
|
-
--ds-font-heading-
|
|
15
|
-
--ds-font-heading-
|
|
16
|
-
--ds-font-heading-
|
|
17
|
-
--ds-font-heading-
|
|
18
|
-
--ds-font-heading-
|
|
12
|
+
--ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
|
|
13
|
+
--ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
|
|
14
|
+
--ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);
|
|
15
|
+
--ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
|
|
16
|
+
--ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);
|
|
17
|
+
--ds-font-heading-xxlarge: normal 700 2.25rem/2.5rem var(--ds-font-family-heading);
|
|
18
|
+
--ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);
|
|
19
19
|
--ds-font-letterSpacing-0: 0;
|
|
20
20
|
--ds-font-letterSpacing-100: 0;
|
|
21
21
|
--ds-font-letterSpacing-200: 0;
|
|
22
22
|
--ds-font-letterSpacing-300: 0;
|
|
23
23
|
--ds-font-letterSpacing-400: 0;
|
|
24
24
|
--ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
|
|
25
|
-
--ds-font-ui-
|
|
26
|
-
--ds-font-family-body: ui-sans-serif, "Segoe UI", system-ui,
|
|
25
|
+
--ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);
|
|
26
|
+
--ds-font-family-body: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
27
27
|
--ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
28
|
-
--ds-font-family-heading: ui-sans-serif, "Segoe UI", system-ui,
|
|
28
|
+
--ds-font-family-heading: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
29
29
|
--ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
|
|
30
|
-
--ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui,
|
|
30
|
+
--ds-font-family-sans: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
|
|
31
31
|
--ds-font-family-brand: Charlie Sans;
|
|
32
32
|
}
|
|
33
33
|
`;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
8
8
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
9
9
|
*
|
|
10
|
-
* @codegen <<SignedSource::
|
|
10
|
+
* @codegen <<SignedSource::8965acce3899385e9f1f61d70ac8e24e>>
|
|
11
11
|
* @codegenCommand yarn build tokens
|
|
12
12
|
*/
|
|
13
13
|
const defaultTokenValues = {
|
|
@@ -435,26 +435,26 @@ const defaultTokenValues = {
|
|
|
435
435
|
'space.negative.300': '-1.5rem',
|
|
436
436
|
'space.negative.400': '-2rem',
|
|
437
437
|
'font.body': 'normal 400 0.875rem/1.25rem var(--ds-font-family-body)',
|
|
438
|
-
'font.body.
|
|
439
|
-
'font.body.
|
|
438
|
+
'font.body.large': 'normal 400 1rem/1.5rem var(--ds-font-family-body)',
|
|
439
|
+
'font.body.small': 'normal 400 0.6875rem/1.25rem var(--ds-font-family-body)',
|
|
440
440
|
'font.code': 'normal 400 0.875em/1 var(--ds-font-family-code)',
|
|
441
|
-
'font.heading.
|
|
442
|
-
'font.heading.
|
|
443
|
-
'font.heading.
|
|
444
|
-
'font.heading.
|
|
445
|
-
'font.heading.
|
|
446
|
-
'font.heading.
|
|
447
|
-
'font.heading.
|
|
441
|
+
'font.heading.large': 'normal 500 1.5rem/1.75rem var(--ds-font-family-heading)',
|
|
442
|
+
'font.heading.medium': 'normal 500 1.25rem/1.5rem var(--ds-font-family-heading)',
|
|
443
|
+
'font.heading.small': 'normal 600 1rem/1.25rem var(--ds-font-family-heading)',
|
|
444
|
+
'font.heading.xlarge': 'normal 600 1.8125rem/2rem var(--ds-font-family-heading)',
|
|
445
|
+
'font.heading.xsmall': 'normal 600 0.875rem/1rem var(--ds-font-family-heading)',
|
|
446
|
+
'font.heading.xxlarge': 'normal 500 2.1875rem/2.5rem var(--ds-font-family-heading)',
|
|
447
|
+
'font.heading.xxsmall': 'normal 600 0.75rem/1rem var(--ds-font-family-heading)',
|
|
448
448
|
'font.letterSpacing.0': '0',
|
|
449
449
|
'font.letterSpacing.100': '-0.003em',
|
|
450
450
|
'font.letterSpacing.200': '-0.006em',
|
|
451
451
|
'font.letterSpacing.300': '-0.008em',
|
|
452
452
|
'font.letterSpacing.400': '-0.01em',
|
|
453
453
|
'font.ui': 'normal 400 0.875rem/1 var(--ds-font-family-body)',
|
|
454
|
-
'font.ui.
|
|
455
|
-
'font.family.body': 'ui-sans-serif, "Segoe UI", system-ui,
|
|
454
|
+
'font.ui.small': 'normal 400 0.6875rem/1 var(--ds-font-family-body)',
|
|
455
|
+
'font.family.body': 'ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif',
|
|
456
456
|
'font.family.code': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
457
|
-
'font.family.heading': 'ui-sans-serif, "Segoe UI", system-ui,
|
|
457
|
+
'font.family.heading': 'ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif',
|
|
458
458
|
'font.family.monospace': 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
|
|
459
459
|
'font.family.sans': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
|
|
460
460
|
'font.family.brand': 'Charlie Sans',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::b8507162c70d82c2e8040cc31a142fdb>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = {
|
|
@@ -428,23 +428,23 @@ const tokens = {
|
|
|
428
428
|
'space.negative.300': '--ds-space-negative-300',
|
|
429
429
|
'space.negative.400': '--ds-space-negative-400',
|
|
430
430
|
'font.body': '--ds-font-body',
|
|
431
|
-
'font.body.
|
|
432
|
-
'font.body.
|
|
431
|
+
'font.body.large': '--ds-font-body-large',
|
|
432
|
+
'font.body.small': '--ds-font-body-small',
|
|
433
433
|
'font.code': '--ds-font-code',
|
|
434
|
-
'font.heading.
|
|
435
|
-
'font.heading.
|
|
436
|
-
'font.heading.
|
|
437
|
-
'font.heading.
|
|
438
|
-
'font.heading.
|
|
439
|
-
'font.heading.
|
|
440
|
-
'font.heading.
|
|
434
|
+
'font.heading.large': '--ds-font-heading-large',
|
|
435
|
+
'font.heading.medium': '--ds-font-heading-medium',
|
|
436
|
+
'font.heading.small': '--ds-font-heading-small',
|
|
437
|
+
'font.heading.xlarge': '--ds-font-heading-xlarge',
|
|
438
|
+
'font.heading.xsmall': '--ds-font-heading-xsmall',
|
|
439
|
+
'font.heading.xxlarge': '--ds-font-heading-xxlarge',
|
|
440
|
+
'font.heading.xxsmall': '--ds-font-heading-xxsmall',
|
|
441
441
|
'font.letterSpacing.0': '--ds-font-letterSpacing-0',
|
|
442
442
|
'font.letterSpacing.100': '--ds-font-letterSpacing-100',
|
|
443
443
|
'font.letterSpacing.200': '--ds-font-letterSpacing-200',
|
|
444
444
|
'font.letterSpacing.300': '--ds-font-letterSpacing-300',
|
|
445
445
|
'font.letterSpacing.400': '--ds-font-letterSpacing-400',
|
|
446
446
|
'font.ui': '--ds-font-ui',
|
|
447
|
-
'font.ui.
|
|
447
|
+
'font.ui.small': '--ds-font-ui-small',
|
|
448
448
|
'font.family.body': '--ds-font-family-body',
|
|
449
449
|
'font.family.code': '--ds-font-family-code',
|
|
450
450
|
'font.family.heading': '--ds-font-family-heading',
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::385a83af4c578715d2776d3fe65ff10b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
const tokens = [{
|
|
@@ -80,9 +80,9 @@ const tokens = [{
|
|
|
80
80
|
"letterSpacing": "LetterSpacing0"
|
|
81
81
|
}
|
|
82
82
|
},
|
|
83
|
-
"name": "font.body.
|
|
84
|
-
"path": ["font", "body", "
|
|
85
|
-
"cleanName": "font.body.
|
|
83
|
+
"name": "font.body.large",
|
|
84
|
+
"path": ["font", "body", "large"],
|
|
85
|
+
"cleanName": "font.body.large"
|
|
86
86
|
}, {
|
|
87
87
|
"attributes": {
|
|
88
88
|
"group": "typography",
|
|
@@ -109,9 +109,9 @@ const tokens = [{
|
|
|
109
109
|
"letterSpacing": "LetterSpacing0"
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
|
-
"name": "font.body.
|
|
113
|
-
"path": ["font", "body", "
|
|
114
|
-
"cleanName": "font.body.
|
|
112
|
+
"name": "font.body.small",
|
|
113
|
+
"path": ["font", "body", "small"],
|
|
114
|
+
"cleanName": "font.body.small"
|
|
115
115
|
}, {
|
|
116
116
|
"attributes": {
|
|
117
117
|
"group": "typography",
|
|
@@ -167,9 +167,9 @@ const tokens = [{
|
|
|
167
167
|
"letterSpacing": "LetterSpacing400"
|
|
168
168
|
}
|
|
169
169
|
},
|
|
170
|
-
"name": "font.heading.
|
|
171
|
-
"path": ["font", "heading", "
|
|
172
|
-
"cleanName": "font.heading.
|
|
170
|
+
"name": "font.heading.large",
|
|
171
|
+
"path": ["font", "heading", "large"],
|
|
172
|
+
"cleanName": "font.heading.large"
|
|
173
173
|
}, {
|
|
174
174
|
"attributes": {
|
|
175
175
|
"group": "typography",
|
|
@@ -196,9 +196,9 @@ const tokens = [{
|
|
|
196
196
|
"letterSpacing": "LetterSpacing300"
|
|
197
197
|
}
|
|
198
198
|
},
|
|
199
|
-
"name": "font.heading.
|
|
200
|
-
"path": ["font", "heading", "
|
|
201
|
-
"cleanName": "font.heading.
|
|
199
|
+
"name": "font.heading.medium",
|
|
200
|
+
"path": ["font", "heading", "medium"],
|
|
201
|
+
"cleanName": "font.heading.medium"
|
|
202
202
|
}, {
|
|
203
203
|
"attributes": {
|
|
204
204
|
"group": "typography",
|
|
@@ -225,9 +225,9 @@ const tokens = [{
|
|
|
225
225
|
"letterSpacing": "LetterSpacing200"
|
|
226
226
|
}
|
|
227
227
|
},
|
|
228
|
-
"name": "font.heading.
|
|
229
|
-
"path": ["font", "heading", "
|
|
230
|
-
"cleanName": "font.heading.
|
|
228
|
+
"name": "font.heading.small",
|
|
229
|
+
"path": ["font", "heading", "small"],
|
|
230
|
+
"cleanName": "font.heading.small"
|
|
231
231
|
}, {
|
|
232
232
|
"attributes": {
|
|
233
233
|
"group": "typography",
|
|
@@ -254,9 +254,9 @@ const tokens = [{
|
|
|
254
254
|
"letterSpacing": "LetterSpacing400"
|
|
255
255
|
}
|
|
256
256
|
},
|
|
257
|
-
"name": "font.heading.
|
|
258
|
-
"path": ["font", "heading", "
|
|
259
|
-
"cleanName": "font.heading.
|
|
257
|
+
"name": "font.heading.xlarge",
|
|
258
|
+
"path": ["font", "heading", "xlarge"],
|
|
259
|
+
"cleanName": "font.heading.xlarge"
|
|
260
260
|
}, {
|
|
261
261
|
"attributes": {
|
|
262
262
|
"group": "typography",
|
|
@@ -283,9 +283,9 @@ const tokens = [{
|
|
|
283
283
|
"letterSpacing": "LetterSpacing100"
|
|
284
284
|
}
|
|
285
285
|
},
|
|
286
|
-
"name": "font.heading.
|
|
287
|
-
"path": ["font", "heading", "
|
|
288
|
-
"cleanName": "font.heading.
|
|
286
|
+
"name": "font.heading.xsmall",
|
|
287
|
+
"path": ["font", "heading", "xsmall"],
|
|
288
|
+
"cleanName": "font.heading.xsmall"
|
|
289
289
|
}, {
|
|
290
290
|
"attributes": {
|
|
291
291
|
"group": "typography",
|
|
@@ -312,9 +312,9 @@ const tokens = [{
|
|
|
312
312
|
"letterSpacing": "LetterSpacing400"
|
|
313
313
|
}
|
|
314
314
|
},
|
|
315
|
-
"name": "font.heading.
|
|
316
|
-
"path": ["font", "heading", "
|
|
317
|
-
"cleanName": "font.heading.
|
|
315
|
+
"name": "font.heading.xxlarge",
|
|
316
|
+
"path": ["font", "heading", "xxlarge"],
|
|
317
|
+
"cleanName": "font.heading.xxlarge"
|
|
318
318
|
}, {
|
|
319
319
|
"attributes": {
|
|
320
320
|
"group": "typography",
|
|
@@ -341,9 +341,9 @@ const tokens = [{
|
|
|
341
341
|
"letterSpacing": "LetterSpacing0"
|
|
342
342
|
}
|
|
343
343
|
},
|
|
344
|
-
"name": "font.heading.
|
|
345
|
-
"path": ["font", "heading", "
|
|
346
|
-
"cleanName": "font.heading.
|
|
344
|
+
"name": "font.heading.xxsmall",
|
|
345
|
+
"path": ["font", "heading", "xxsmall"],
|
|
346
|
+
"cleanName": "font.heading.xxsmall"
|
|
347
347
|
}, {
|
|
348
348
|
"attributes": {
|
|
349
349
|
"group": "letterSpacing",
|
|
@@ -509,9 +509,9 @@ const tokens = [{
|
|
|
509
509
|
"letterSpacing": "LetterSpacing0"
|
|
510
510
|
}
|
|
511
511
|
},
|
|
512
|
-
"name": "font.ui.
|
|
513
|
-
"path": ["font", "ui", "
|
|
514
|
-
"cleanName": "font.ui.
|
|
512
|
+
"name": "font.ui.small",
|
|
513
|
+
"path": ["font", "ui", "small"],
|
|
514
|
+
"cleanName": "font.ui.small"
|
|
515
515
|
}, {
|
|
516
516
|
"attributes": {
|
|
517
517
|
"group": "fontFamily",
|
|
@@ -519,7 +519,7 @@ const tokens = [{
|
|
|
519
519
|
"introduced": "1.14.0",
|
|
520
520
|
"description": "Helpful guidance goes here"
|
|
521
521
|
},
|
|
522
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
522
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
523
523
|
"filePath": "src/tokens/atlassian-typography-adg3/font-family.tsx",
|
|
524
524
|
"isSource": true,
|
|
525
525
|
"original": {
|
|
@@ -563,7 +563,7 @@ const tokens = [{
|
|
|
563
563
|
"introduced": "1.14.0",
|
|
564
564
|
"description": "Helpful guidance goes here"
|
|
565
565
|
},
|
|
566
|
-
"value": "ui-sans-serif, \"Segoe UI\", system-ui,
|
|
566
|
+
"value": "ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif",
|
|
567
567
|
"filePath": "src/tokens/atlassian-typography-adg3/font-family.tsx",
|
|
568
568
|
"isSource": true,
|
|
569
569
|
"original": {
|