Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@atlaskit/primitives
Advanced tools
@atlaskit/primitives - npm Package Compare versions
Comparing version 0.8.7 to 0.8.8
| # @atlaskit/primitives | ||
| ## 0.8.8 | ||
| ### Patch Changes | ||
| - [`5a134a5128a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a134a5128a) - Adds type hinting for boxShadow CSS property. Fixes bug with token to CSS custom property transformation for gap, rowGap, columnGap. | ||
| ## 0.8.7 | ||
@@ -4,0 +10,0 @@ |
@@ -7,3 +7,3 @@ "use strict"; | ||
| }); | ||
| exports.textColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.positionMap = exports.paddingStylesMap = exports.paddingMap = exports.overflowMap = exports.overflowInlineMap = exports.overflowBlockMap = exports.layerMap = exports.flexShrinkMap = exports.flexMap = exports.flexGrowMap = exports.flexDirectionMap = exports.dimensionMap = exports.borderWidthMap = exports.borderStyleMap = exports.borderRadiusMap = exports.borderColorMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = exports.alignSelfMap = void 0; | ||
| exports.textColorMap = exports.spaceStylesMap = exports.spaceMap = exports.shadowMap = exports.positionMap = exports.paddingStylesMap = exports.paddingMap = exports.overflowMap = exports.overflowInlineMap = exports.overflowBlockMap = exports.layerMap = exports.insetMap = exports.flexShrinkMap = exports.flexMap = exports.flexGrowMap = exports.flexDirectionMap = exports.displayMap = exports.dimensionMap = exports.borderWidthMap = exports.borderStyleMap = exports.borderRadiusMap = exports.borderColorMap = exports.backgroundColorStylesMap = exports.backgroundColorMap = exports.alignSelfMap = void 0; | ||
| var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); | ||
@@ -13,7 +13,7 @@ var _react = require("@emotion/react"); | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::1e44ed8fcd11d2f3864437fa047845a9>> | ||
| * @codegen <<SignedSource::fc517b480964965a9d7e6e5c8d921c19>> | ||
| * @codegenId dimensions | ||
| * @codegenCommand yarn codegen-styles | ||
| * @codegenParams ["dimensions"] | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::9e8ad113b10e9429c514c69bd362f479>> | ||
| */ | ||
@@ -37,6 +37,6 @@ var dimensionMap = { | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::06b49ea9175072486628ad5a39dd0c4b>> | ||
| * @codegen <<SignedSource::8ce817b8abf862e7945a9c9792a1255e>> | ||
| * @codegenId spacing | ||
| * @codegenCommand yarn codegen-styles | ||
| * @codegenParams ["padding", "space"] | ||
| * @codegenParams ["padding", "space", "inset"] | ||
| * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>> | ||
@@ -78,2 +78,19 @@ */ | ||
| exports.spaceMap = spaceMap; | ||
| var insetMap = { | ||
| 'space.0': "var(--ds-space-0, 0px)", | ||
| 'space.025': "var(--ds-space-025, 2px)", | ||
| 'space.050': "var(--ds-space-050, 4px)", | ||
| 'space.075': "var(--ds-space-075, 6px)", | ||
| 'space.100': "var(--ds-space-100, 8px)", | ||
| 'space.150': "var(--ds-space-150, 12px)", | ||
| 'space.200': "var(--ds-space-200, 16px)", | ||
| 'space.250': "var(--ds-space-250, 20px)", | ||
| 'space.300': "var(--ds-space-300, 24px)", | ||
| 'space.400': "var(--ds-space-400, 32px)", | ||
| 'space.500': "var(--ds-space-500, 40px)", | ||
| 'space.600': "var(--ds-space-600, 48px)", | ||
| 'space.800': "var(--ds-space-800, 64px)", | ||
| 'space.1000': "var(--ds-space-1000, 80px)" | ||
| }; | ||
| exports.insetMap = insetMap; | ||
| /** | ||
@@ -271,3 +288,3 @@ * @codegenEnd | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::8ab54fc337c6a02f403dad852dd626a0>> | ||
| * @codegen <<SignedSource::8838ca696c1fa533db0eb127be15d81e>> | ||
| * @codegenId misc | ||
@@ -278,4 +295,4 @@ * @codegenCommand yarn codegen-styles | ||
| * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::e6e390f80609060bfd12a55a489d5f54>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::9e8ad113b10e9429c514c69bd362f479>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>> | ||
@@ -302,2 +319,10 @@ * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>> | ||
| exports.borderStyleMap = borderStyleMap; | ||
| var displayMap = { | ||
| flex: 'flex', | ||
| block: 'block', | ||
| inline: 'inline', | ||
| inlineBlock: 'inline-block', | ||
| inlineFlex: 'inline-flex' | ||
| }; | ||
| exports.displayMap = displayMap; | ||
| var flexDirectionMap = { | ||
@@ -387,3 +412,3 @@ row: 'row', | ||
| exports.borderRadiusMap = borderRadiusMap; | ||
| var spacingProperties = ['padding', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'gap', 'rowGap']; | ||
| var spacingProperties = ['padding', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'gap', 'rowGap', 'columnGap']; | ||
| var getSerializedStylesMap = function getSerializedStylesMap(cssProperty, tokenMap) { | ||
@@ -390,0 +415,0 @@ return Object.keys(tokenMap).reduce(function (emotionSpacingMap, token) { |
@@ -17,12 +17,41 @@ "use strict"; | ||
| var tokensMap = { | ||
| alignSelf: _styleMaps.alignSelfMap, | ||
| backgroundColor: _styleMaps.backgroundColorMap, | ||
| blockSize: _styleMaps.dimensionMap, | ||
| borderColor: _styleMaps.borderColorMap, | ||
| borderRadius: _styleMaps.borderRadiusMap, | ||
| borderStyle: _styleMaps.borderStyleMap, | ||
| borderWidth: _styleMaps.borderWidthMap, | ||
| bottom: _styleMaps.dimensionMap, | ||
| boxShadow: _styleMaps.shadowMap, | ||
| color: _styleMaps.textColorMap, | ||
| columnGap: _styleMaps.spaceMap, | ||
| display: _styleMaps.displayMap, | ||
| flex: _styleMaps.flexMap, | ||
| flexDirection: _styleMaps.flexDirectionMap, | ||
| flexGrow: _styleMaps.flexGrowMap, | ||
| flexShrink: _styleMaps.flexShrinkMap, | ||
| gap: _styleMaps.spaceMap, | ||
| height: _styleMaps.dimensionMap, | ||
| inlineSize: _styleMaps.dimensionMap, | ||
| inset: _styleMaps.insetMap, | ||
| insetBlock: _styleMaps.insetMap, | ||
| insetBlockEnd: _styleMaps.insetMap, | ||
| insetBlockStart: _styleMaps.insetMap, | ||
| insetInline: _styleMaps.insetMap, | ||
| insetInlineEnd: _styleMaps.insetMap, | ||
| insetInlineStart: _styleMaps.insetMap, | ||
| layer: _styleMaps.layerMap, | ||
| left: _styleMaps.dimensionMap, | ||
| maxBlockSize: _styleMaps.dimensionMap, | ||
| maxHeight: _styleMaps.dimensionMap, | ||
| maxInlineSize: _styleMaps.dimensionMap, | ||
| maxWidth: _styleMaps.dimensionMap, | ||
| minBlockSize: _styleMaps.dimensionMap, | ||
| minHeight: _styleMaps.dimensionMap, | ||
| minInlineSize: _styleMaps.dimensionMap, | ||
| minWidth: _styleMaps.dimensionMap, | ||
| overflow: _styleMaps.overflowMap, | ||
| overflowBlock: _styleMaps.overflowBlockMap, | ||
| overflowInline: _styleMaps.overflowInlineMap, | ||
| padding: _styleMaps.paddingMap, | ||
@@ -32,6 +61,13 @@ paddingBlock: _styleMaps.paddingMap, | ||
| paddingBlockStart: _styleMaps.paddingMap, | ||
| paddingBottom: _styleMaps.paddingMap, | ||
| paddingInline: _styleMaps.paddingMap, | ||
| paddingInlineEnd: _styleMaps.paddingMap, | ||
| paddingInlineStart: _styleMaps.paddingMap, | ||
| boxShadow: _styleMaps.shadowMap, | ||
| paddingLeft: _styleMaps.paddingMap, | ||
| paddingRight: _styleMaps.paddingMap, | ||
| paddingTop: _styleMaps.paddingMap, | ||
| position: _styleMaps.positionMap, | ||
| right: _styleMaps.dimensionMap, | ||
| rowGap: _styleMaps.spaceMap, | ||
| top: _styleMaps.dimensionMap, | ||
| width: _styleMaps.dimensionMap | ||
@@ -38,0 +74,0 @@ }; |
| { | ||
| "name": "@atlaskit/primitives", | ||
| "version": "0.8.7", | ||
| "version": "0.8.8", | ||
| "sideEffects": false | ||
| } |
| import { css } from '@emotion/react'; | ||
| /** | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::1e44ed8fcd11d2f3864437fa047845a9>> | ||
| * @codegen <<SignedSource::fc517b480964965a9d7e6e5c8d921c19>> | ||
| * @codegenId dimensions | ||
| * @codegenCommand yarn codegen-styles | ||
| * @codegenParams ["dimensions"] | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::9e8ad113b10e9429c514c69bd362f479>> | ||
| */ | ||
@@ -25,6 +25,6 @@ export const dimensionMap = { | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::06b49ea9175072486628ad5a39dd0c4b>> | ||
| * @codegen <<SignedSource::8ce817b8abf862e7945a9c9792a1255e>> | ||
| * @codegenId spacing | ||
| * @codegenCommand yarn codegen-styles | ||
| * @codegenParams ["padding", "space"] | ||
| * @codegenParams ["padding", "space", "inset"] | ||
| * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>> | ||
@@ -64,2 +64,18 @@ */ | ||
| }; | ||
| export const insetMap = { | ||
| 'space.0': "var(--ds-space-0, 0px)", | ||
| 'space.025': "var(--ds-space-025, 2px)", | ||
| 'space.050': "var(--ds-space-050, 4px)", | ||
| 'space.075': "var(--ds-space-075, 6px)", | ||
| 'space.100': "var(--ds-space-100, 8px)", | ||
| 'space.150': "var(--ds-space-150, 12px)", | ||
| 'space.200': "var(--ds-space-200, 16px)", | ||
| 'space.250': "var(--ds-space-250, 20px)", | ||
| 'space.300': "var(--ds-space-300, 24px)", | ||
| 'space.400': "var(--ds-space-400, 32px)", | ||
| 'space.500': "var(--ds-space-500, 40px)", | ||
| 'space.600': "var(--ds-space-600, 48px)", | ||
| 'space.800': "var(--ds-space-800, 64px)", | ||
| 'space.1000': "var(--ds-space-1000, 80px)" | ||
| }; | ||
| /** | ||
@@ -251,3 +267,3 @@ * @codegenEnd | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::8ab54fc337c6a02f403dad852dd626a0>> | ||
| * @codegen <<SignedSource::8838ca696c1fa533db0eb127be15d81e>> | ||
| * @codegenId misc | ||
@@ -258,4 +274,4 @@ * @codegenCommand yarn codegen-styles | ||
| * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::e6e390f80609060bfd12a55a489d5f54>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::9e8ad113b10e9429c514c69bd362f479>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>> | ||
@@ -280,2 +296,9 @@ * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>> | ||
| }; | ||
| export const displayMap = { | ||
| flex: 'flex', | ||
| block: 'block', | ||
| inline: 'inline', | ||
| inlineBlock: 'inline-block', | ||
| inlineFlex: 'inline-flex' | ||
| }; | ||
| export const flexDirectionMap = { | ||
@@ -354,3 +377,3 @@ row: 'row', | ||
| const spacingProperties = ['padding', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'gap', 'rowGap']; | ||
| const spacingProperties = ['padding', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'gap', 'rowGap', 'columnGap']; | ||
| const getSerializedStylesMap = (cssProperty, tokenMap) => { | ||
@@ -357,0 +380,0 @@ return Object.keys(tokenMap).reduce((emotionSpacingMap, token) => { |
| /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ | ||
| import { css as cssEmotion } from '@emotion/react'; | ||
| import warnOnce from '@atlaskit/ds-lib/warn-once'; | ||
| import { backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, paddingMap, shadowMap, textColorMap } from './style-maps.partial'; | ||
| import { alignSelfMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderStyleMap, borderWidthMap, dimensionMap, displayMap, flexDirectionMap, flexGrowMap, flexMap, flexShrinkMap, insetMap, layerMap, overflowBlockMap, overflowInlineMap, overflowMap, paddingMap, positionMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial'; | ||
| const tokensMap = { | ||
| alignSelf: alignSelfMap, | ||
| backgroundColor: backgroundColorMap, | ||
| blockSize: dimensionMap, | ||
| borderColor: borderColorMap, | ||
| borderRadius: borderRadiusMap, | ||
| borderStyle: borderStyleMap, | ||
| borderWidth: borderWidthMap, | ||
| bottom: dimensionMap, | ||
| boxShadow: shadowMap, | ||
| color: textColorMap, | ||
| columnGap: spaceMap, | ||
| display: displayMap, | ||
| flex: flexMap, | ||
| flexDirection: flexDirectionMap, | ||
| flexGrow: flexGrowMap, | ||
| flexShrink: flexShrinkMap, | ||
| gap: spaceMap, | ||
| height: dimensionMap, | ||
| inlineSize: dimensionMap, | ||
| inset: insetMap, | ||
| insetBlock: insetMap, | ||
| insetBlockEnd: insetMap, | ||
| insetBlockStart: insetMap, | ||
| insetInline: insetMap, | ||
| insetInlineEnd: insetMap, | ||
| insetInlineStart: insetMap, | ||
| layer: layerMap, | ||
| left: dimensionMap, | ||
| maxBlockSize: dimensionMap, | ||
| maxHeight: dimensionMap, | ||
| maxInlineSize: dimensionMap, | ||
| maxWidth: dimensionMap, | ||
| minBlockSize: dimensionMap, | ||
| minHeight: dimensionMap, | ||
| minInlineSize: dimensionMap, | ||
| minWidth: dimensionMap, | ||
| overflow: overflowMap, | ||
| overflowBlock: overflowBlockMap, | ||
| overflowInline: overflowInlineMap, | ||
| padding: paddingMap, | ||
@@ -20,6 +49,13 @@ paddingBlock: paddingMap, | ||
| paddingBlockStart: paddingMap, | ||
| paddingBottom: paddingMap, | ||
| paddingInline: paddingMap, | ||
| paddingInlineEnd: paddingMap, | ||
| paddingInlineStart: paddingMap, | ||
| boxShadow: shadowMap, | ||
| paddingLeft: paddingMap, | ||
| paddingRight: paddingMap, | ||
| paddingTop: paddingMap, | ||
| position: positionMap, | ||
| right: dimensionMap, | ||
| rowGap: spaceMap, | ||
| top: dimensionMap, | ||
| width: dimensionMap | ||
@@ -26,0 +62,0 @@ }; |
| { | ||
| "name": "@atlaskit/primitives", | ||
| "version": "0.8.7", | ||
| "version": "0.8.8", | ||
| "sideEffects": false | ||
| } |
@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty"; | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::1e44ed8fcd11d2f3864437fa047845a9>> | ||
| * @codegen <<SignedSource::fc517b480964965a9d7e6e5c8d921c19>> | ||
| * @codegenId dimensions | ||
| * @codegenCommand yarn codegen-styles | ||
| * @codegenParams ["dimensions"] | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::9e8ad113b10e9429c514c69bd362f479>> | ||
| */ | ||
@@ -27,6 +27,6 @@ export var dimensionMap = { | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::06b49ea9175072486628ad5a39dd0c4b>> | ||
| * @codegen <<SignedSource::8ce817b8abf862e7945a9c9792a1255e>> | ||
| * @codegenId spacing | ||
| * @codegenCommand yarn codegen-styles | ||
| * @codegenParams ["padding", "space"] | ||
| * @codegenParams ["padding", "space", "inset"] | ||
| * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>> | ||
@@ -66,2 +66,18 @@ */ | ||
| }; | ||
| export var insetMap = { | ||
| 'space.0': "var(--ds-space-0, 0px)", | ||
| 'space.025': "var(--ds-space-025, 2px)", | ||
| 'space.050': "var(--ds-space-050, 4px)", | ||
| 'space.075': "var(--ds-space-075, 6px)", | ||
| 'space.100': "var(--ds-space-100, 8px)", | ||
| 'space.150': "var(--ds-space-150, 12px)", | ||
| 'space.200': "var(--ds-space-200, 16px)", | ||
| 'space.250': "var(--ds-space-250, 20px)", | ||
| 'space.300': "var(--ds-space-300, 24px)", | ||
| 'space.400': "var(--ds-space-400, 32px)", | ||
| 'space.500': "var(--ds-space-500, 40px)", | ||
| 'space.600': "var(--ds-space-600, 48px)", | ||
| 'space.800': "var(--ds-space-800, 64px)", | ||
| 'space.1000': "var(--ds-space-1000, 80px)" | ||
| }; | ||
| /** | ||
@@ -253,3 +269,3 @@ * @codegenEnd | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::8ab54fc337c6a02f403dad852dd626a0>> | ||
| * @codegen <<SignedSource::8838ca696c1fa533db0eb127be15d81e>> | ||
| * @codegenId misc | ||
@@ -260,4 +276,4 @@ * @codegenCommand yarn codegen-styles | ||
| * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::e6e390f80609060bfd12a55a489d5f54>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::9e8ad113b10e9429c514c69bd362f479>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>> | ||
@@ -282,2 +298,9 @@ * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>> | ||
| }; | ||
| export var displayMap = { | ||
| flex: 'flex', | ||
| block: 'block', | ||
| inline: 'inline', | ||
| inlineBlock: 'inline-block', | ||
| inlineFlex: 'inline-flex' | ||
| }; | ||
| export var flexDirectionMap = { | ||
@@ -356,3 +379,3 @@ row: 'row', | ||
| var spacingProperties = ['padding', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'gap', 'rowGap']; | ||
| var spacingProperties = ['padding', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'gap', 'rowGap', 'columnGap']; | ||
| var getSerializedStylesMap = function getSerializedStylesMap(cssProperty, tokenMap) { | ||
@@ -359,0 +382,0 @@ return Object.keys(tokenMap).reduce(function (emotionSpacingMap, token) { |
@@ -6,14 +6,43 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray"; | ||
| import warnOnce from '@atlaskit/ds-lib/warn-once'; | ||
| import { backgroundColorMap, borderColorMap, borderRadiusMap, borderWidthMap, dimensionMap, paddingMap, shadowMap, textColorMap } from './style-maps.partial'; | ||
| import { alignSelfMap, backgroundColorMap, borderColorMap, borderRadiusMap, borderStyleMap, borderWidthMap, dimensionMap, displayMap, flexDirectionMap, flexGrowMap, flexMap, flexShrinkMap, insetMap, layerMap, overflowBlockMap, overflowInlineMap, overflowMap, paddingMap, positionMap, shadowMap, spaceMap, textColorMap } from './style-maps.partial'; | ||
| var tokensMap = { | ||
| alignSelf: alignSelfMap, | ||
| backgroundColor: backgroundColorMap, | ||
| blockSize: dimensionMap, | ||
| borderColor: borderColorMap, | ||
| borderRadius: borderRadiusMap, | ||
| borderStyle: borderStyleMap, | ||
| borderWidth: borderWidthMap, | ||
| bottom: dimensionMap, | ||
| boxShadow: shadowMap, | ||
| color: textColorMap, | ||
| columnGap: spaceMap, | ||
| display: displayMap, | ||
| flex: flexMap, | ||
| flexDirection: flexDirectionMap, | ||
| flexGrow: flexGrowMap, | ||
| flexShrink: flexShrinkMap, | ||
| gap: spaceMap, | ||
| height: dimensionMap, | ||
| inlineSize: dimensionMap, | ||
| inset: insetMap, | ||
| insetBlock: insetMap, | ||
| insetBlockEnd: insetMap, | ||
| insetBlockStart: insetMap, | ||
| insetInline: insetMap, | ||
| insetInlineEnd: insetMap, | ||
| insetInlineStart: insetMap, | ||
| layer: layerMap, | ||
| left: dimensionMap, | ||
| maxBlockSize: dimensionMap, | ||
| maxHeight: dimensionMap, | ||
| maxInlineSize: dimensionMap, | ||
| maxWidth: dimensionMap, | ||
| minBlockSize: dimensionMap, | ||
| minHeight: dimensionMap, | ||
| minInlineSize: dimensionMap, | ||
| minWidth: dimensionMap, | ||
| overflow: overflowMap, | ||
| overflowBlock: overflowBlockMap, | ||
| overflowInline: overflowInlineMap, | ||
| padding: paddingMap, | ||
@@ -23,6 +52,13 @@ paddingBlock: paddingMap, | ||
| paddingBlockStart: paddingMap, | ||
| paddingBottom: paddingMap, | ||
| paddingInline: paddingMap, | ||
| paddingInlineEnd: paddingMap, | ||
| paddingInlineStart: paddingMap, | ||
| boxShadow: shadowMap, | ||
| paddingLeft: paddingMap, | ||
| paddingRight: paddingMap, | ||
| paddingTop: paddingMap, | ||
| position: positionMap, | ||
| right: dimensionMap, | ||
| rowGap: spaceMap, | ||
| top: dimensionMap, | ||
| width: dimensionMap | ||
@@ -29,0 +65,0 @@ }; |
| { | ||
| "name": "@atlaskit/primitives", | ||
| "version": "0.8.7", | ||
| "version": "0.8.8", | ||
| "sideEffects": false | ||
| } |
| import { SerializedStyles } from '@emotion/react'; | ||
| /** | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::1e44ed8fcd11d2f3864437fa047845a9>> | ||
| * @codegen <<SignedSource::fc517b480964965a9d7e6e5c8d921c19>> | ||
| * @codegenId dimensions | ||
| * @codegenCommand yarn codegen-styles | ||
| * @codegenParams ["dimensions"] | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::9e8ad113b10e9429c514c69bd362f479>> | ||
| */ | ||
@@ -26,2 +26,12 @@ export declare const dimensionMap: { | ||
| export declare type MaxHeight = keyof typeof dimensionMap; | ||
| export declare type Top = keyof typeof dimensionMap; | ||
| export declare type Left = keyof typeof dimensionMap; | ||
| export declare type Bottom = keyof typeof dimensionMap; | ||
| export declare type Right = keyof typeof dimensionMap; | ||
| export declare type BlockSize = keyof typeof dimensionMap; | ||
| export declare type InlineSize = keyof typeof dimensionMap; | ||
| export declare type MaxBlockSize = keyof typeof dimensionMap; | ||
| export declare type MaxInlineSize = keyof typeof dimensionMap; | ||
| export declare type MinBlockSize = keyof typeof dimensionMap; | ||
| export declare type MinInlineSize = keyof typeof dimensionMap; | ||
| /** | ||
@@ -32,6 +42,6 @@ * @codegenEnd | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::06b49ea9175072486628ad5a39dd0c4b>> | ||
| * @codegen <<SignedSource::8ce817b8abf862e7945a9c9792a1255e>> | ||
| * @codegenId spacing | ||
| * @codegenCommand yarn codegen-styles | ||
| * @codegenParams ["padding", "space"] | ||
| * @codegenParams ["padding", "space", "inset"] | ||
| * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>> | ||
@@ -57,7 +67,11 @@ */ | ||
| export declare type PaddingBlock = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingBlockEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingBlockStart = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingBlockEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingBottom = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingInline = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingInlineEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingInlineStart = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingInlineEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingLeft = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingRight = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type PaddingTop = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare const spaceMap: { | ||
@@ -81,2 +95,26 @@ readonly 'space.0': "var(--ds-space-0)"; | ||
| export declare type RowGap = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type ColumnGap = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare const insetMap: { | ||
| readonly 'space.0': "var(--ds-space-0)"; | ||
| readonly 'space.025': "var(--ds-space-025)"; | ||
| readonly 'space.050': "var(--ds-space-050)"; | ||
| readonly 'space.075': "var(--ds-space-075)"; | ||
| readonly 'space.100': "var(--ds-space-100)"; | ||
| readonly 'space.150': "var(--ds-space-150)"; | ||
| readonly 'space.200': "var(--ds-space-200)"; | ||
| readonly 'space.250': "var(--ds-space-250)"; | ||
| readonly 'space.300': "var(--ds-space-300)"; | ||
| readonly 'space.400': "var(--ds-space-400)"; | ||
| readonly 'space.500': "var(--ds-space-500)"; | ||
| readonly 'space.600': "var(--ds-space-600)"; | ||
| readonly 'space.800': "var(--ds-space-800)"; | ||
| readonly 'space.1000': "var(--ds-space-1000)"; | ||
| }; | ||
| export declare type Inset = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type InsetBlock = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type InsetBlockEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type InsetBlockStart = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type InsetInline = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type InsetInlineEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| export declare type InsetInlineStart = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000'; | ||
| /** | ||
@@ -272,3 +310,3 @@ * @codegenEnd | ||
| * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen} | ||
| * @codegen <<SignedSource::8ab54fc337c6a02f403dad852dd626a0>> | ||
| * @codegen <<SignedSource::8838ca696c1fa533db0eb127be15d81e>> | ||
| * @codegenId misc | ||
@@ -279,4 +317,4 @@ * @codegenCommand yarn codegen-styles | ||
| * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::89d19ca3937408eb7de5d72f4476a0f9>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::e6e390f80609060bfd12a55a489d5f54>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::9e8ad113b10e9429c514c69bd362f479>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>> | ||
| * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>> | ||
@@ -303,3 +341,10 @@ * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>> | ||
| export declare type BorderStyle = keyof typeof borderStyleMap; | ||
| export declare type Display = 'flex' | 'block' | 'inline' | 'inline-block' | 'inline-flex'; | ||
| export declare const displayMap: { | ||
| readonly flex: "flex"; | ||
| readonly block: "block"; | ||
| readonly inline: "inline"; | ||
| readonly inlineBlock: "inline-block"; | ||
| readonly inlineFlex: "inline-flex"; | ||
| }; | ||
| export declare type Display = keyof typeof displayMap; | ||
| export declare const flexDirectionMap: { | ||
@@ -390,2 +435,3 @@ readonly row: "row"; | ||
| backgroundColor?: BackgroundColor; | ||
| blockSize?: BlockSize; | ||
| borderColor?: BorderColor; | ||
@@ -395,3 +441,6 @@ borderRadius?: BorderRadius; | ||
| borderWidth?: BorderWidth; | ||
| bottom?: Bottom; | ||
| boxShadow?: Shadow; | ||
| color?: TextColor; | ||
| columnGap?: ColumnGap; | ||
| display?: Display; | ||
@@ -402,7 +451,21 @@ flex?: Flex; | ||
| flexShrink?: FlexShrink; | ||
| gap?: Gap; | ||
| height?: Height; | ||
| inlineSize?: InlineSize; | ||
| inset?: Inset; | ||
| insetBlock?: InsetBlock; | ||
| insetBlockEnd?: InsetBlockEnd; | ||
| insetBlockStart?: InsetBlockStart; | ||
| insetInline?: InsetInline; | ||
| insetInlineEnd?: InsetInlineEnd; | ||
| insetInlineStart?: InsetInlineStart; | ||
| layer?: Layer; | ||
| left?: Left; | ||
| maxBlockSize?: MaxBlockSize; | ||
| maxHeight?: MaxHeight; | ||
| maxInlineSize?: MaxInlineSize; | ||
| maxWidth?: MaxWidth; | ||
| minBlockSize?: MinBlockSize; | ||
| minHeight?: MinHeight; | ||
| minInlineSize?: MinInlineSize; | ||
| minWidth?: MinWidth; | ||
@@ -420,6 +483,8 @@ overflow?: Overflow; | ||
| position?: Position; | ||
| shadow?: Shadow; | ||
| right?: Right; | ||
| rowGap?: RowGap; | ||
| top?: Top; | ||
| width?: Width; | ||
| }; | ||
| declare const spacingProperties: readonly ["padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "gap", "rowGap"]; | ||
| declare const spacingProperties: readonly ["padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "gap", "rowGap", "columnGap"]; | ||
| declare type SpacingProperty = typeof spacingProperties[number]; | ||
@@ -426,0 +491,0 @@ declare type SpacingToken = keyof typeof paddingMap; |
| { | ||
| "name": "@atlaskit/primitives", | ||
| "version": "0.8.7", | ||
| "version": "0.8.8", | ||
| "description": "Primitives are token-backed low-level building blocks.", | ||
@@ -5,0 +5,0 @@ "author": "Atlassian Pty Ltd", |
@@ -220,2 +220,5 @@ <!-- API Report Version: 2.3 --> | ||
| // @public (undocumented) | ||
| type BlockSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type BorderColor = keyof typeof borderColorMap; | ||
@@ -281,2 +284,5 @@ | ||
| // @public (undocumented) | ||
| type Bottom = keyof typeof dimensionMap; | ||
| // @public | ||
@@ -315,2 +321,19 @@ export const Box: BoxComponent; | ||
| // @public (undocumented) | ||
| type ColumnGap = | ||
| | 'space.0' | ||
| | 'space.025' | ||
| | 'space.050' | ||
| | 'space.075' | ||
| | 'space.100' | ||
| | 'space.1000' | ||
| | 'space.150' | ||
| | 'space.200' | ||
| | 'space.250' | ||
| | 'space.300' | ||
| | 'space.400' | ||
| | 'space.500' | ||
| | 'space.600' | ||
| | 'space.800'; | ||
| // @public (undocumented) | ||
| type CSSPseudos = { | ||
@@ -333,5 +356,14 @@ [Pseudo in CSS_2.Pseudos]?: SafeCSSObject; | ||
| // @public (undocumented) | ||
| type Display = 'block' | 'flex' | 'inline' | 'inline-block' | 'inline-flex'; | ||
| type Display = keyof typeof displayMap; | ||
| // @public (undocumented) | ||
| const displayMap: { | ||
| readonly flex: 'flex'; | ||
| readonly block: 'block'; | ||
| readonly inline: 'inline'; | ||
| readonly inlineBlock: 'inline-block'; | ||
| readonly inlineFlex: 'inline-flex'; | ||
| }; | ||
| // @public (undocumented) | ||
| type Flex = keyof typeof flexMap; | ||
@@ -435,2 +467,5 @@ | ||
| // @public (undocumented) | ||
| type InlineSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type InlineStyles = SerializedStyles & { | ||
@@ -444,2 +479,121 @@ [inlineTag]: true; | ||
| // @public (undocumented) | ||
| type Inset = | ||
| | 'space.0' | ||
| | 'space.025' | ||
| | 'space.050' | ||
| | 'space.075' | ||
| | 'space.100' | ||
| | 'space.1000' | ||
| | 'space.150' | ||
| | 'space.200' | ||
| | 'space.250' | ||
| | 'space.300' | ||
| | 'space.400' | ||
| | 'space.500' | ||
| | 'space.600' | ||
| | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetBlock = | ||
| | 'space.0' | ||
| | 'space.025' | ||
| | 'space.050' | ||
| | 'space.075' | ||
| | 'space.100' | ||
| | 'space.1000' | ||
| | 'space.150' | ||
| | 'space.200' | ||
| | 'space.250' | ||
| | 'space.300' | ||
| | 'space.400' | ||
| | 'space.500' | ||
| | 'space.600' | ||
| | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetBlockEnd = | ||
| | 'space.0' | ||
| | 'space.025' | ||
| | 'space.050' | ||
| | 'space.075' | ||
| | 'space.100' | ||
| | 'space.1000' | ||
| | 'space.150' | ||
| | 'space.200' | ||
| | 'space.250' | ||
| | 'space.300' | ||
| | 'space.400' | ||
| | 'space.500' | ||
| | 'space.600' | ||
| | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetBlockStart = | ||
| | 'space.0' | ||
| | 'space.025' | ||
| | 'space.050' | ||
| | 'space.075' | ||
| | 'space.100' | ||
| | 'space.1000' | ||
| | 'space.150' | ||
| | 'space.200' | ||
| | 'space.250' | ||
| | 'space.300' | ||
| | 'space.400' | ||
| | 'space.500' | ||
| | 'space.600' | ||
| | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetInline = | ||
| | 'space.0' | ||
| | 'space.025' | ||
| | 'space.050' | ||
| | 'space.075' | ||
| | 'space.100' | ||
| | 'space.1000' | ||
| | 'space.150' | ||
| | 'space.200' | ||
| | 'space.250' | ||
| | 'space.300' | ||
| | 'space.400' | ||
| | 'space.500' | ||
| | 'space.600' | ||
| | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetInlineEnd = | ||
| | 'space.0' | ||
| | 'space.025' | ||
| | 'space.050' | ||
| | 'space.075' | ||
| | 'space.100' | ||
| | 'space.1000' | ||
| | 'space.150' | ||
| | 'space.200' | ||
| | 'space.250' | ||
| | 'space.300' | ||
| | 'space.400' | ||
| | 'space.500' | ||
| | 'space.600' | ||
| | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetInlineStart = | ||
| | 'space.0' | ||
| | 'space.025' | ||
| | 'space.050' | ||
| | 'space.075' | ||
| | 'space.100' | ||
| | 'space.1000' | ||
| | 'space.150' | ||
| | 'space.200' | ||
| | 'space.250' | ||
| | 'space.300' | ||
| | 'space.400' | ||
| | 'space.500' | ||
| | 'space.600' | ||
| | 'space.800'; | ||
| // @public (undocumented) | ||
| type Layer = keyof typeof layerMap; | ||
@@ -461,11 +615,26 @@ | ||
| // @public (undocumented) | ||
| type Left = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MaxBlockSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MaxHeight = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MaxInlineSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MaxWidth = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MinBlockSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MinHeight = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MinInlineSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MinWidth = keyof typeof dimensionMap; | ||
@@ -636,2 +805,5 @@ | ||
| // @public (undocumented) | ||
| type Right = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type RowGap = | ||
@@ -755,2 +927,3 @@ | 'space.0' | ||
| backgroundColor?: BackgroundColor; | ||
| blockSize?: BlockSize; | ||
| borderColor?: BorderColor; | ||
@@ -760,3 +933,6 @@ borderRadius?: BorderRadius; | ||
| borderWidth?: BorderWidth; | ||
| bottom?: Bottom; | ||
| boxShadow?: Shadow; | ||
| color?: TextColor; | ||
| columnGap?: ColumnGap; | ||
| display?: Display; | ||
@@ -767,7 +943,21 @@ flex?: Flex; | ||
| flexShrink?: FlexShrink; | ||
| gap?: Gap; | ||
| height?: Height; | ||
| inlineSize?: InlineSize; | ||
| inset?: Inset; | ||
| insetBlock?: InsetBlock; | ||
| insetBlockEnd?: InsetBlockEnd; | ||
| insetBlockStart?: InsetBlockStart; | ||
| insetInline?: InsetInline; | ||
| insetInlineEnd?: InsetInlineEnd; | ||
| insetInlineStart?: InsetInlineStart; | ||
| layer?: Layer; | ||
| left?: Left; | ||
| maxBlockSize?: MaxBlockSize; | ||
| maxHeight?: MaxHeight; | ||
| maxInlineSize?: MaxInlineSize; | ||
| maxWidth?: MaxWidth; | ||
| minBlockSize?: MinBlockSize; | ||
| minHeight?: MinHeight; | ||
| minInlineSize?: MinInlineSize; | ||
| minWidth?: MinWidth; | ||
@@ -785,3 +975,5 @@ overflow?: Overflow; | ||
| position?: Position; | ||
| shadow?: Shadow; | ||
| right?: Right; | ||
| rowGap?: RowGap; | ||
| top?: Top; | ||
| width?: Width; | ||
@@ -791,2 +983,5 @@ }; | ||
| // @public (undocumented) | ||
| type Top = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| const uniqueSymbol: unique symbol; | ||
@@ -793,0 +988,0 @@ |
@@ -191,2 +191,5 @@ ## API Report File for "@atlaskit/primitives" | ||
| // @public (undocumented) | ||
| type BlockSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type BorderColor = keyof typeof borderColorMap; | ||
@@ -252,2 +255,5 @@ | ||
| // @public (undocumented) | ||
| type Bottom = keyof typeof dimensionMap; | ||
| // @public | ||
@@ -277,2 +283,5 @@ export const Box: BoxComponent; | ||
| // @public (undocumented) | ||
| type ColumnGap = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800'; | ||
| // @public (undocumented) | ||
| type CSSPseudos = { | ||
@@ -295,5 +304,14 @@ [Pseudo in CSS_2.Pseudos]?: SafeCSSObject; | ||
| // @public (undocumented) | ||
| type Display = 'block' | 'flex' | 'inline' | 'inline-block' | 'inline-flex'; | ||
| type Display = keyof typeof displayMap; | ||
| // @public (undocumented) | ||
| const displayMap: { | ||
| readonly flex: "flex"; | ||
| readonly block: "block"; | ||
| readonly inline: "inline"; | ||
| readonly inlineBlock: "inline-block"; | ||
| readonly inlineFlex: "inline-flex"; | ||
| }; | ||
| // @public (undocumented) | ||
| type Flex = keyof typeof flexMap; | ||
@@ -365,2 +383,5 @@ | ||
| // @public (undocumented) | ||
| type InlineSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type InlineStyles = SerializedStyles & { | ||
@@ -374,2 +395,23 @@ [inlineTag]: true; | ||
| // @public (undocumented) | ||
| type Inset = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetBlock = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetBlockEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetBlockStart = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetInline = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetInlineEnd = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800'; | ||
| // @public (undocumented) | ||
| type InsetInlineStart = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800'; | ||
| // @public (undocumented) | ||
| type Layer = keyof typeof layerMap; | ||
@@ -391,11 +433,26 @@ | ||
| // @public (undocumented) | ||
| type Left = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MaxBlockSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MaxHeight = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MaxInlineSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MaxWidth = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MinBlockSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MinHeight = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MinInlineSize = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type MinWidth = keyof typeof dimensionMap; | ||
@@ -468,2 +525,5 @@ | ||
| // @public (undocumented) | ||
| type Right = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| type RowGap = 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.1000' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800'; | ||
@@ -553,2 +613,3 @@ | ||
| backgroundColor?: BackgroundColor; | ||
| blockSize?: BlockSize; | ||
| borderColor?: BorderColor; | ||
@@ -558,3 +619,6 @@ borderRadius?: BorderRadius; | ||
| borderWidth?: BorderWidth; | ||
| bottom?: Bottom; | ||
| boxShadow?: Shadow; | ||
| color?: TextColor; | ||
| columnGap?: ColumnGap; | ||
| display?: Display; | ||
@@ -565,7 +629,21 @@ flex?: Flex; | ||
| flexShrink?: FlexShrink; | ||
| gap?: Gap; | ||
| height?: Height; | ||
| inlineSize?: InlineSize; | ||
| inset?: Inset; | ||
| insetBlock?: InsetBlock; | ||
| insetBlockEnd?: InsetBlockEnd; | ||
| insetBlockStart?: InsetBlockStart; | ||
| insetInline?: InsetInline; | ||
| insetInlineEnd?: InsetInlineEnd; | ||
| insetInlineStart?: InsetInlineStart; | ||
| layer?: Layer; | ||
| left?: Left; | ||
| maxBlockSize?: MaxBlockSize; | ||
| maxHeight?: MaxHeight; | ||
| maxInlineSize?: MaxInlineSize; | ||
| maxWidth?: MaxWidth; | ||
| minBlockSize?: MinBlockSize; | ||
| minHeight?: MinHeight; | ||
| minInlineSize?: MinInlineSize; | ||
| minWidth?: MinWidth; | ||
@@ -583,3 +661,5 @@ overflow?: Overflow; | ||
| position?: Position; | ||
| shadow?: Shadow; | ||
| right?: Right; | ||
| rowGap?: RowGap; | ||
| top?: Top; | ||
| width?: Width; | ||
@@ -589,2 +669,5 @@ }; | ||
| // @public (undocumented) | ||
| type Top = keyof typeof dimensionMap; | ||
| // @public (undocumented) | ||
| const uniqueSymbol: unique symbol; | ||
@@ -591,0 +674,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by6.93%
293145
- Lines of code
- increased by6.55%
5481
No dependency changes