Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@atlaskit/primitives

Package Overview
Dependencies
Maintainers
1
Versions
180
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/primitives - npm Package Compare versions

Comparing version 7.0.0 to 7.0.1

2

.eslintrc.js
module.exports = {
ignorePatterns: ['./scripts/codegen-file-templates/*'],
ignorePatterns: ['./scripts/codegen-file-templates/*'],
};

11

CHANGELOG.md
# @atlaskit/primitives
## 7.0.1
### Patch Changes
- [#110191](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110191)
[`c3dc02298f8aa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c3dc02298f8aa) -
[ux] Change heading xsmall lineheight from 16 to 20 for minor third theme.
- Updated dependencies
## 7.0.0

@@ -101,3 +110,3 @@

[`2e4fdfa436da`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2e4fdfa436da) -
Add support for React 18.
Add support for React 18 in non-strict mode.

@@ -104,0 +113,0 @@ ## 5.6.1

2

dist/cjs/components/anchor.js

@@ -79,3 +79,3 @@ "use strict";

packageName: "@atlaskit/primitives",
packageVersion: "7.0.0",
packageVersion: "7.0.1",
analyticsData: analyticsContext,

@@ -82,0 +82,0 @@ actionSubject: 'link'

2

dist/cjs/components/pressable.js

@@ -81,3 +81,3 @@ "use strict";

packageName: "@atlaskit/primitives",
packageVersion: "7.0.0",
packageVersion: "7.0.1",
analyticsData: analyticsContext,

@@ -84,0 +84,0 @@ actionSubject: 'button'

26

dist/cjs/xcss/style-maps.partial.js

@@ -15,7 +15,7 @@ "use strict";

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
* @codegen <<SignedSource::c98c944b8a999cfc194a2cfe851d2433>>
* @codegenId dimensions
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["dimensions"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
*/

@@ -38,3 +38,3 @@ var dimensionMap = exports.dimensionMap = {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::aa8558eb2395e9d078e38d8b3b4e0bed>>
* @codegen <<SignedSource::0d3c08d703b8431712d7e238a3f7229b>>
* @codegenId spacing

@@ -78,3 +78,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::04aa48c107cf876807c6af948860857f>>
* @codegen <<SignedSource::dd33c75b34fe7374656f10b21ba9b161>>
* @codegenId inverse-colors

@@ -120,3 +120,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8a5d63089926d91b7cb79b7ddd40463b>>
* @codegen <<SignedSource::fde38a9999e3a081afa4a517da815ede>>
* @codegenId elevation

@@ -156,3 +156,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::369117f6459016ec330d166ba9f4ad03>>
* @codegen <<SignedSource::485e5a3659092381fa81ce940d43a939>>
* @codegenId colors

@@ -454,8 +454,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
* @codegen <<SignedSource::28920e82ff201211ac94808a1fd821d4>>
* @codegenId misc
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["layer"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -479,3 +479,3 @@ var layerMap = exports.layerMap = {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8093f6eb366669dce5007011a3fd7814>>
* @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
* @codegenId border

@@ -507,8 +507,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
* @codegen <<SignedSource::cd260411f17d54ff1ac7e627ef070ef4>>
* @codegenId typography
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -515,0 +515,0 @@ var fontSizeMap = exports.fontSizeMap = {

2

dist/es2019/components/anchor.js

@@ -65,3 +65,3 @@ import _extends from "@babel/runtime/helpers/extends";

packageName: "@atlaskit/primitives",
packageVersion: "7.0.0",
packageVersion: "7.0.1",
analyticsData: analyticsContext,

@@ -68,0 +68,0 @@ actionSubject: 'link'

2

dist/es2019/components/pressable.js

@@ -67,3 +67,3 @@ import _extends from "@babel/runtime/helpers/extends";

packageName: "@atlaskit/primitives",
packageVersion: "7.0.0",
packageVersion: "7.0.1",
analyticsData: analyticsContext,

@@ -70,0 +70,0 @@ actionSubject: 'button'

26

dist/es2019/xcss/style-maps.partial.js

@@ -6,7 +6,7 @@ import { css } from '@emotion/react';

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
* @codegen <<SignedSource::c98c944b8a999cfc194a2cfe851d2433>>
* @codegenId dimensions
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["dimensions"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
*/

@@ -29,3 +29,3 @@ export const dimensionMap = {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::aa8558eb2395e9d078e38d8b3b4e0bed>>
* @codegen <<SignedSource::0d3c08d703b8431712d7e238a3f7229b>>
* @codegenId spacing

@@ -72,3 +72,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::04aa48c107cf876807c6af948860857f>>
* @codegen <<SignedSource::dd33c75b34fe7374656f10b21ba9b161>>
* @codegenId inverse-colors

@@ -114,3 +114,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8a5d63089926d91b7cb79b7ddd40463b>>
* @codegen <<SignedSource::fde38a9999e3a081afa4a517da815ede>>
* @codegenId elevation

@@ -150,3 +150,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::369117f6459016ec330d166ba9f4ad03>>
* @codegen <<SignedSource::485e5a3659092381fa81ce940d43a939>>
* @codegenId colors

@@ -448,8 +448,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
* @codegen <<SignedSource::28920e82ff201211ac94808a1fd821d4>>
* @codegenId misc
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["layer"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -473,3 +473,3 @@ export const layerMap = {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8093f6eb366669dce5007011a3fd7814>>
* @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
* @codegenId border

@@ -501,8 +501,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
* @codegen <<SignedSource::cd260411f17d54ff1ac7e627ef070ef4>>
* @codegenId typography
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -509,0 +509,0 @@ export const fontSizeMap = {

2

dist/esm/components/anchor.js

@@ -69,3 +69,3 @@ import _extends from "@babel/runtime/helpers/extends";

packageName: "@atlaskit/primitives",
packageVersion: "7.0.0",
packageVersion: "7.0.1",
analyticsData: analyticsContext,

@@ -72,0 +72,0 @@ actionSubject: 'link'

2

dist/esm/components/pressable.js

@@ -71,3 +71,3 @@ import _extends from "@babel/runtime/helpers/extends";

packageName: "@atlaskit/primitives",
packageVersion: "7.0.0",
packageVersion: "7.0.1",
analyticsData: analyticsContext,

@@ -74,0 +74,0 @@ actionSubject: 'button'

26

dist/esm/xcss/style-maps.partial.js

@@ -9,7 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
* @codegen <<SignedSource::c98c944b8a999cfc194a2cfe851d2433>>
* @codegenId dimensions
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["dimensions"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
*/

@@ -32,3 +32,3 @@ export var dimensionMap = {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::aa8558eb2395e9d078e38d8b3b4e0bed>>
* @codegen <<SignedSource::0d3c08d703b8431712d7e238a3f7229b>>
* @codegenId spacing

@@ -72,3 +72,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::04aa48c107cf876807c6af948860857f>>
* @codegen <<SignedSource::dd33c75b34fe7374656f10b21ba9b161>>
* @codegenId inverse-colors

@@ -114,3 +114,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8a5d63089926d91b7cb79b7ddd40463b>>
* @codegen <<SignedSource::fde38a9999e3a081afa4a517da815ede>>
* @codegenId elevation

@@ -150,3 +150,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::369117f6459016ec330d166ba9f4ad03>>
* @codegen <<SignedSource::485e5a3659092381fa81ce940d43a939>>
* @codegenId colors

@@ -448,8 +448,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
* @codegen <<SignedSource::28920e82ff201211ac94808a1fd821d4>>
* @codegenId misc
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["layer"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -473,3 +473,3 @@ export var layerMap = {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8093f6eb366669dce5007011a3fd7814>>
* @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
* @codegenId border

@@ -501,8 +501,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
* @codegen <<SignedSource::cd260411f17d54ff1ac7e627ef070ef4>>
* @codegenId typography
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -509,0 +509,0 @@ export var fontSizeMap = {

4

dist/types-ts4.5/responsive/index.d.ts
export { media, UNSAFE_media } from './media-helper';
export { UNSAFE_buildAboveMediaQueryCSS } from './build-media-query-css';
export { UNSAFE_BREAKPOINTS_ORDERED_LIST, UNSAFE_BREAKPOINTS_CONFIG, } from './constants';
export type { Breakpoint, ResponsiveObject, ResponsiveCSSObject, MediaQuery, } from './types';
export { UNSAFE_BREAKPOINTS_ORDERED_LIST, UNSAFE_BREAKPOINTS_CONFIG } from './constants';
export type { Breakpoint, ResponsiveObject, ResponsiveCSSObject, MediaQuery } from './types';
export { UNSAFE_useMediaQuery } from './use-media-query';
export { Show } from './show';
export { Hide } from './hide';

26

dist/types-ts4.5/xcss/style-maps.partial.d.ts
import { type SerializedStyles } from '@emotion/react';
/**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
* @codegen <<SignedSource::c98c944b8a999cfc194a2cfe851d2433>>
* @codegenId dimensions
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["dimensions"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
*/

@@ -26,3 +26,3 @@ export declare const dimensionMap: {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::aa8558eb2395e9d078e38d8b3b4e0bed>>
* @codegen <<SignedSource::0d3c08d703b8431712d7e238a3f7229b>>
* @codegenId spacing

@@ -92,3 +92,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::04aa48c107cf876807c6af948860857f>>
* @codegen <<SignedSource::dd33c75b34fe7374656f10b21ba9b161>>
* @codegenId inverse-colors

@@ -132,3 +132,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8a5d63089926d91b7cb79b7ddd40463b>>
* @codegen <<SignedSource::fde38a9999e3a081afa4a517da815ede>>
* @codegenId elevation

@@ -170,3 +170,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::369117f6459016ec330d166ba9f4ad03>>
* @codegen <<SignedSource::485e5a3659092381fa81ce940d43a939>>
* @codegenId colors

@@ -471,8 +471,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
* @codegen <<SignedSource::28920e82ff201211ac94808a1fd821d4>>
* @codegenId misc
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["layer"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -496,3 +496,3 @@ export declare const layerMap: {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8093f6eb366669dce5007011a3fd7814>>
* @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
* @codegenId border

@@ -525,8 +525,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
* @codegen <<SignedSource::cd260411f17d54ff1ac7e627ef070ef4>>
* @codegenId typography
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -533,0 +533,0 @@ export declare const fontSizeMap: {

4

dist/types/responsive/index.d.ts
export { media, UNSAFE_media } from './media-helper';
export { UNSAFE_buildAboveMediaQueryCSS } from './build-media-query-css';
export { UNSAFE_BREAKPOINTS_ORDERED_LIST, UNSAFE_BREAKPOINTS_CONFIG, } from './constants';
export type { Breakpoint, ResponsiveObject, ResponsiveCSSObject, MediaQuery, } from './types';
export { UNSAFE_BREAKPOINTS_ORDERED_LIST, UNSAFE_BREAKPOINTS_CONFIG } from './constants';
export type { Breakpoint, ResponsiveObject, ResponsiveCSSObject, MediaQuery } from './types';
export { UNSAFE_useMediaQuery } from './use-media-query';
export { Show } from './show';
export { Hide } from './hide';

26

dist/types/xcss/style-maps.partial.d.ts
import { type SerializedStyles } from '@emotion/react';
/**
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::7af6097e56f7fb03635b6f8aaf121b02>>
* @codegen <<SignedSource::c98c944b8a999cfc194a2cfe851d2433>>
* @codegenId dimensions
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["dimensions"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
*/

@@ -26,3 +26,3 @@ export declare const dimensionMap: {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::aa8558eb2395e9d078e38d8b3b4e0bed>>
* @codegen <<SignedSource::0d3c08d703b8431712d7e238a3f7229b>>
* @codegenId spacing

@@ -92,3 +92,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::04aa48c107cf876807c6af948860857f>>
* @codegen <<SignedSource::dd33c75b34fe7374656f10b21ba9b161>>
* @codegenId inverse-colors

@@ -132,3 +132,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8a5d63089926d91b7cb79b7ddd40463b>>
* @codegen <<SignedSource::fde38a9999e3a081afa4a517da815ede>>
* @codegenId elevation

@@ -170,3 +170,3 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::369117f6459016ec330d166ba9f4ad03>>
* @codegen <<SignedSource::485e5a3659092381fa81ce940d43a939>>
* @codegenId colors

@@ -471,8 +471,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01a4b055c311d198921d4e000a2d7a54>>
* @codegen <<SignedSource::28920e82ff201211ac94808a1fd821d4>>
* @codegenId misc
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["layer"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -496,3 +496,3 @@ export declare const layerMap: {

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::8093f6eb366669dce5007011a3fd7814>>
* @codegen <<SignedSource::957baf1fa3fc3fe5eb06b497a7ba6599>>
* @codegenId border

@@ -525,8 +525,8 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
* @codegen <<SignedSource::cd260411f17d54ff1ac7e627ef070ef4>>
* @codegenId typography
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::0cd422575c3f2a3784eeef767abe71f4>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
* @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
* @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::6f10945ad9139d0119003738c65ae40a>>
*/

@@ -533,0 +533,0 @@ export declare const fontSizeMap: {

14

LICENSE.md
Copyright 2022 Atlassian Pty Ltd
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in
compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Unless required by applicable law or agreed to in writing, software distributed under the License is
distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied. See the License for the specific language governing permissions and limitations under the
License.

4

package.json
{
"name": "@atlaskit/primitives",
"version": "7.0.0",
"version": "7.0.1",
"description": "Primitives are token-backed low-level building blocks.",

@@ -131,3 +131,3 @@ "publishConfig": {

"@atlaskit/interaction-context": "^2.1.0",
"@atlaskit/tokens": "^1.49.0",
"@atlaskit/tokens": "^1.50.0",
"@atlaskit/visually-hidden": "^1.3.0",

@@ -134,0 +134,0 @@ "@babel/runtime": "^7.0.0",

1905

report.api.md

@@ -5,3 +5,4 @@ <!-- API Report Version: 2.3 -->

> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
> Do not edit this file. This report is auto-generated using
> [API Extractor](https://api-extractor.com/).
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)

@@ -43,9 +44,9 @@

const alignContentMap: {
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly 'space-between': SerializedStyles_2;
readonly 'space-around': SerializedStyles_2;
readonly 'space-evenly': SerializedStyles_2;
readonly stretch: SerializedStyles_2;
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly 'space-between': SerializedStyles_2;
readonly 'space-around': SerializedStyles_2;
readonly 'space-evenly': SerializedStyles_2;
readonly stretch: SerializedStyles_2;
};

@@ -64,7 +65,7 @@

const alignItemsMap: {
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly baseline: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly stretch: SerializedStyles_2;
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly baseline: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly stretch: SerializedStyles_2;
};

@@ -74,6 +75,6 @@

const alignItemsMap_2: {
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly baseline: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly baseline: SerializedStyles_2;
readonly end: SerializedStyles_2;
};

@@ -83,7 +84,7 @@

type AllMedia =
| '@media (prefers-color-scheme: dark)'
| '@media (prefers-color-scheme: light)'
| '@media (prefers-reduced-motion: reduce)'
| '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)'
| MediaQuery;
| '@media (prefers-color-scheme: dark)'
| '@media (prefers-color-scheme: light)'
| '@media (prefers-reduced-motion: reduce)'
| '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)'
| MediaQuery;

@@ -113,197 +114,197 @@ // @public (undocumented)

const backgroundColorMap: {
readonly 'color.background.accent.lime.subtlest': 'var(--ds-background-accent-lime-subtlest)';
readonly 'color.background.accent.lime.subtlest.hovered': 'var(--ds-background-accent-lime-subtlest-hovered)';
readonly 'color.background.accent.lime.subtlest.pressed': 'var(--ds-background-accent-lime-subtlest-pressed)';
readonly 'color.background.accent.lime.subtler': 'var(--ds-background-accent-lime-subtler)';
readonly 'color.background.accent.lime.subtler.hovered': 'var(--ds-background-accent-lime-subtler-hovered)';
readonly 'color.background.accent.lime.subtler.pressed': 'var(--ds-background-accent-lime-subtler-pressed)';
readonly 'color.background.accent.lime.subtle': 'var(--ds-background-accent-lime-subtle)';
readonly 'color.background.accent.lime.subtle.hovered': 'var(--ds-background-accent-lime-subtle-hovered)';
readonly 'color.background.accent.lime.subtle.pressed': 'var(--ds-background-accent-lime-subtle-pressed)';
readonly 'color.background.accent.lime.bolder': 'var(--ds-background-accent-lime-bolder)';
readonly 'color.background.accent.lime.bolder.hovered': 'var(--ds-background-accent-lime-bolder-hovered)';
readonly 'color.background.accent.lime.bolder.pressed': 'var(--ds-background-accent-lime-bolder-pressed)';
readonly 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
readonly 'color.background.accent.red.subtlest.hovered': 'var(--ds-background-accent-red-subtlest-hovered)';
readonly 'color.background.accent.red.subtlest.pressed': 'var(--ds-background-accent-red-subtlest-pressed)';
readonly 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
readonly 'color.background.accent.red.subtler.hovered': 'var(--ds-background-accent-red-subtler-hovered)';
readonly 'color.background.accent.red.subtler.pressed': 'var(--ds-background-accent-red-subtler-pressed)';
readonly 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
readonly 'color.background.accent.red.subtle.hovered': 'var(--ds-background-accent-red-subtle-hovered)';
readonly 'color.background.accent.red.subtle.pressed': 'var(--ds-background-accent-red-subtle-pressed)';
readonly 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
readonly 'color.background.accent.red.bolder.hovered': 'var(--ds-background-accent-red-bolder-hovered)';
readonly 'color.background.accent.red.bolder.pressed': 'var(--ds-background-accent-red-bolder-pressed)';
readonly 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
readonly 'color.background.accent.orange.subtlest.hovered': 'var(--ds-background-accent-orange-subtlest-hovered)';
readonly 'color.background.accent.orange.subtlest.pressed': 'var(--ds-background-accent-orange-subtlest-pressed)';
readonly 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
readonly 'color.background.accent.orange.subtler.hovered': 'var(--ds-background-accent-orange-subtler-hovered)';
readonly 'color.background.accent.orange.subtler.pressed': 'var(--ds-background-accent-orange-subtler-pressed)';
readonly 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
readonly 'color.background.accent.orange.subtle.hovered': 'var(--ds-background-accent-orange-subtle-hovered)';
readonly 'color.background.accent.orange.subtle.pressed': 'var(--ds-background-accent-orange-subtle-pressed)';
readonly 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
readonly 'color.background.accent.orange.bolder.hovered': 'var(--ds-background-accent-orange-bolder-hovered)';
readonly 'color.background.accent.orange.bolder.pressed': 'var(--ds-background-accent-orange-bolder-pressed)';
readonly 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
readonly 'color.background.accent.yellow.subtlest.hovered': 'var(--ds-background-accent-yellow-subtlest-hovered)';
readonly 'color.background.accent.yellow.subtlest.pressed': 'var(--ds-background-accent-yellow-subtlest-pressed)';
readonly 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
readonly 'color.background.accent.yellow.subtler.hovered': 'var(--ds-background-accent-yellow-subtler-hovered)';
readonly 'color.background.accent.yellow.subtler.pressed': 'var(--ds-background-accent-yellow-subtler-pressed)';
readonly 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
readonly 'color.background.accent.yellow.subtle.hovered': 'var(--ds-background-accent-yellow-subtle-hovered)';
readonly 'color.background.accent.yellow.subtle.pressed': 'var(--ds-background-accent-yellow-subtle-pressed)';
readonly 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
readonly 'color.background.accent.yellow.bolder.hovered': 'var(--ds-background-accent-yellow-bolder-hovered)';
readonly 'color.background.accent.yellow.bolder.pressed': 'var(--ds-background-accent-yellow-bolder-pressed)';
readonly 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
readonly 'color.background.accent.green.subtlest.hovered': 'var(--ds-background-accent-green-subtlest-hovered)';
readonly 'color.background.accent.green.subtlest.pressed': 'var(--ds-background-accent-green-subtlest-pressed)';
readonly 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
readonly 'color.background.accent.green.subtler.hovered': 'var(--ds-background-accent-green-subtler-hovered)';
readonly 'color.background.accent.green.subtler.pressed': 'var(--ds-background-accent-green-subtler-pressed)';
readonly 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
readonly 'color.background.accent.green.subtle.hovered': 'var(--ds-background-accent-green-subtle-hovered)';
readonly 'color.background.accent.green.subtle.pressed': 'var(--ds-background-accent-green-subtle-pressed)';
readonly 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
readonly 'color.background.accent.green.bolder.hovered': 'var(--ds-background-accent-green-bolder-hovered)';
readonly 'color.background.accent.green.bolder.pressed': 'var(--ds-background-accent-green-bolder-pressed)';
readonly 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
readonly 'color.background.accent.teal.subtlest.hovered': 'var(--ds-background-accent-teal-subtlest-hovered)';
readonly 'color.background.accent.teal.subtlest.pressed': 'var(--ds-background-accent-teal-subtlest-pressed)';
readonly 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
readonly 'color.background.accent.teal.subtler.hovered': 'var(--ds-background-accent-teal-subtler-hovered)';
readonly 'color.background.accent.teal.subtler.pressed': 'var(--ds-background-accent-teal-subtler-pressed)';
readonly 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
readonly 'color.background.accent.teal.subtle.hovered': 'var(--ds-background-accent-teal-subtle-hovered)';
readonly 'color.background.accent.teal.subtle.pressed': 'var(--ds-background-accent-teal-subtle-pressed)';
readonly 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
readonly 'color.background.accent.teal.bolder.hovered': 'var(--ds-background-accent-teal-bolder-hovered)';
readonly 'color.background.accent.teal.bolder.pressed': 'var(--ds-background-accent-teal-bolder-pressed)';
readonly 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
readonly 'color.background.accent.blue.subtlest.hovered': 'var(--ds-background-accent-blue-subtlest-hovered)';
readonly 'color.background.accent.blue.subtlest.pressed': 'var(--ds-background-accent-blue-subtlest-pressed)';
readonly 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
readonly 'color.background.accent.blue.subtler.hovered': 'var(--ds-background-accent-blue-subtler-hovered)';
readonly 'color.background.accent.blue.subtler.pressed': 'var(--ds-background-accent-blue-subtler-pressed)';
readonly 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
readonly 'color.background.accent.blue.subtle.hovered': 'var(--ds-background-accent-blue-subtle-hovered)';
readonly 'color.background.accent.blue.subtle.pressed': 'var(--ds-background-accent-blue-subtle-pressed)';
readonly 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
readonly 'color.background.accent.blue.bolder.hovered': 'var(--ds-background-accent-blue-bolder-hovered)';
readonly 'color.background.accent.blue.bolder.pressed': 'var(--ds-background-accent-blue-bolder-pressed)';
readonly 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
readonly 'color.background.accent.purple.subtlest.hovered': 'var(--ds-background-accent-purple-subtlest-hovered)';
readonly 'color.background.accent.purple.subtlest.pressed': 'var(--ds-background-accent-purple-subtlest-pressed)';
readonly 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
readonly 'color.background.accent.purple.subtler.hovered': 'var(--ds-background-accent-purple-subtler-hovered)';
readonly 'color.background.accent.purple.subtler.pressed': 'var(--ds-background-accent-purple-subtler-pressed)';
readonly 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
readonly 'color.background.accent.purple.subtle.hovered': 'var(--ds-background-accent-purple-subtle-hovered)';
readonly 'color.background.accent.purple.subtle.pressed': 'var(--ds-background-accent-purple-subtle-pressed)';
readonly 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
readonly 'color.background.accent.purple.bolder.hovered': 'var(--ds-background-accent-purple-bolder-hovered)';
readonly 'color.background.accent.purple.bolder.pressed': 'var(--ds-background-accent-purple-bolder-pressed)';
readonly 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
readonly 'color.background.accent.magenta.subtlest.hovered': 'var(--ds-background-accent-magenta-subtlest-hovered)';
readonly 'color.background.accent.magenta.subtlest.pressed': 'var(--ds-background-accent-magenta-subtlest-pressed)';
readonly 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
readonly 'color.background.accent.magenta.subtler.hovered': 'var(--ds-background-accent-magenta-subtler-hovered)';
readonly 'color.background.accent.magenta.subtler.pressed': 'var(--ds-background-accent-magenta-subtler-pressed)';
readonly 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
readonly 'color.background.accent.magenta.subtle.hovered': 'var(--ds-background-accent-magenta-subtle-hovered)';
readonly 'color.background.accent.magenta.subtle.pressed': 'var(--ds-background-accent-magenta-subtle-pressed)';
readonly 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
readonly 'color.background.accent.magenta.bolder.hovered': 'var(--ds-background-accent-magenta-bolder-hovered)';
readonly 'color.background.accent.magenta.bolder.pressed': 'var(--ds-background-accent-magenta-bolder-pressed)';
readonly 'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
readonly 'color.background.accent.gray.subtlest.hovered': 'var(--ds-background-accent-gray-subtlest-hovered)';
readonly 'color.background.accent.gray.subtlest.pressed': 'var(--ds-background-accent-gray-subtlest-pressed)';
readonly 'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
readonly 'color.background.accent.gray.subtler.hovered': 'var(--ds-background-accent-gray-subtler-hovered)';
readonly 'color.background.accent.gray.subtler.pressed': 'var(--ds-background-accent-gray-subtler-pressed)';
readonly 'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
readonly 'color.background.accent.gray.subtle.hovered': 'var(--ds-background-accent-gray-subtle-hovered)';
readonly 'color.background.accent.gray.subtle.pressed': 'var(--ds-background-accent-gray-subtle-pressed)';
readonly 'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
readonly 'color.background.accent.gray.bolder.hovered': 'var(--ds-background-accent-gray-bolder-hovered)';
readonly 'color.background.accent.gray.bolder.pressed': 'var(--ds-background-accent-gray-bolder-pressed)';
readonly 'color.background.disabled': 'var(--ds-background-disabled)';
readonly 'color.background.input': 'var(--ds-background-input)';
readonly 'color.background.input.hovered': 'var(--ds-background-input-hovered)';
readonly 'color.background.input.pressed': 'var(--ds-background-input-pressed)';
readonly 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
readonly 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
readonly 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
readonly 'color.background.neutral': 'var(--ds-background-neutral)';
readonly 'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
readonly 'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
readonly 'color.background.neutral.subtle': 'var(--ds-background-neutral-subtle)';
readonly 'color.background.neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)';
readonly 'color.background.neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)';
readonly 'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
readonly 'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
readonly 'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
readonly 'color.background.selected': 'var(--ds-background-selected)';
readonly 'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
readonly 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
readonly 'color.background.selected.bold': 'var(--ds-background-selected-bold)';
readonly 'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
readonly 'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
readonly 'color.background.brand.subtlest': 'var(--ds-background-brand-subtlest)';
readonly 'color.background.brand.subtlest.hovered': 'var(--ds-background-brand-subtlest-hovered)';
readonly 'color.background.brand.subtlest.pressed': 'var(--ds-background-brand-subtlest-pressed)';
readonly 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
readonly 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
readonly 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
readonly 'color.background.brand.boldest': 'var(--ds-background-brand-boldest)';
readonly 'color.background.brand.boldest.hovered': 'var(--ds-background-brand-boldest-hovered)';
readonly 'color.background.brand.boldest.pressed': 'var(--ds-background-brand-boldest-pressed)';
readonly 'color.background.danger': 'var(--ds-background-danger)';
readonly 'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
readonly 'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
readonly 'color.background.danger.bold': 'var(--ds-background-danger-bold)';
readonly 'color.background.danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)';
readonly 'color.background.danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)';
readonly 'color.background.warning': 'var(--ds-background-warning)';
readonly 'color.background.warning.hovered': 'var(--ds-background-warning-hovered)';
readonly 'color.background.warning.pressed': 'var(--ds-background-warning-pressed)';
readonly 'color.background.warning.bold': 'var(--ds-background-warning-bold)';
readonly 'color.background.warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)';
readonly 'color.background.warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)';
readonly 'color.background.success': 'var(--ds-background-success)';
readonly 'color.background.success.hovered': 'var(--ds-background-success-hovered)';
readonly 'color.background.success.pressed': 'var(--ds-background-success-pressed)';
readonly 'color.background.success.bold': 'var(--ds-background-success-bold)';
readonly 'color.background.success.bold.hovered': 'var(--ds-background-success-bold-hovered)';
readonly 'color.background.success.bold.pressed': 'var(--ds-background-success-bold-pressed)';
readonly 'color.background.discovery': 'var(--ds-background-discovery)';
readonly 'color.background.discovery.hovered': 'var(--ds-background-discovery-hovered)';
readonly 'color.background.discovery.pressed': 'var(--ds-background-discovery-pressed)';
readonly 'color.background.discovery.bold': 'var(--ds-background-discovery-bold)';
readonly 'color.background.discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)';
readonly 'color.background.discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)';
readonly 'color.background.information': 'var(--ds-background-information)';
readonly 'color.background.information.hovered': 'var(--ds-background-information-hovered)';
readonly 'color.background.information.pressed': 'var(--ds-background-information-pressed)';
readonly 'color.background.information.bold': 'var(--ds-background-information-bold)';
readonly 'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
readonly 'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
readonly 'color.blanket': 'var(--ds-blanket)';
readonly 'color.blanket.selected': 'var(--ds-blanket-selected)';
readonly 'color.blanket.danger': 'var(--ds-blanket-danger)';
readonly 'elevation.surface': 'var(--ds-surface)';
readonly 'elevation.surface.hovered': 'var(--ds-surface-hovered)';
readonly 'elevation.surface.pressed': 'var(--ds-surface-pressed)';
readonly 'elevation.surface.overlay': 'var(--ds-surface-overlay)';
readonly 'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
readonly 'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
readonly 'elevation.surface.raised': 'var(--ds-surface-raised)';
readonly 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
readonly 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
readonly 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
readonly 'utility.elevation.surface.current': 'var(--ds-elevation-surface-current)';
readonly 'color.background.accent.lime.subtlest': 'var(--ds-background-accent-lime-subtlest)';
readonly 'color.background.accent.lime.subtlest.hovered': 'var(--ds-background-accent-lime-subtlest-hovered)';
readonly 'color.background.accent.lime.subtlest.pressed': 'var(--ds-background-accent-lime-subtlest-pressed)';
readonly 'color.background.accent.lime.subtler': 'var(--ds-background-accent-lime-subtler)';
readonly 'color.background.accent.lime.subtler.hovered': 'var(--ds-background-accent-lime-subtler-hovered)';
readonly 'color.background.accent.lime.subtler.pressed': 'var(--ds-background-accent-lime-subtler-pressed)';
readonly 'color.background.accent.lime.subtle': 'var(--ds-background-accent-lime-subtle)';
readonly 'color.background.accent.lime.subtle.hovered': 'var(--ds-background-accent-lime-subtle-hovered)';
readonly 'color.background.accent.lime.subtle.pressed': 'var(--ds-background-accent-lime-subtle-pressed)';
readonly 'color.background.accent.lime.bolder': 'var(--ds-background-accent-lime-bolder)';
readonly 'color.background.accent.lime.bolder.hovered': 'var(--ds-background-accent-lime-bolder-hovered)';
readonly 'color.background.accent.lime.bolder.pressed': 'var(--ds-background-accent-lime-bolder-pressed)';
readonly 'color.background.accent.red.subtlest': 'var(--ds-background-accent-red-subtlest)';
readonly 'color.background.accent.red.subtlest.hovered': 'var(--ds-background-accent-red-subtlest-hovered)';
readonly 'color.background.accent.red.subtlest.pressed': 'var(--ds-background-accent-red-subtlest-pressed)';
readonly 'color.background.accent.red.subtler': 'var(--ds-background-accent-red-subtler)';
readonly 'color.background.accent.red.subtler.hovered': 'var(--ds-background-accent-red-subtler-hovered)';
readonly 'color.background.accent.red.subtler.pressed': 'var(--ds-background-accent-red-subtler-pressed)';
readonly 'color.background.accent.red.subtle': 'var(--ds-background-accent-red-subtle)';
readonly 'color.background.accent.red.subtle.hovered': 'var(--ds-background-accent-red-subtle-hovered)';
readonly 'color.background.accent.red.subtle.pressed': 'var(--ds-background-accent-red-subtle-pressed)';
readonly 'color.background.accent.red.bolder': 'var(--ds-background-accent-red-bolder)';
readonly 'color.background.accent.red.bolder.hovered': 'var(--ds-background-accent-red-bolder-hovered)';
readonly 'color.background.accent.red.bolder.pressed': 'var(--ds-background-accent-red-bolder-pressed)';
readonly 'color.background.accent.orange.subtlest': 'var(--ds-background-accent-orange-subtlest)';
readonly 'color.background.accent.orange.subtlest.hovered': 'var(--ds-background-accent-orange-subtlest-hovered)';
readonly 'color.background.accent.orange.subtlest.pressed': 'var(--ds-background-accent-orange-subtlest-pressed)';
readonly 'color.background.accent.orange.subtler': 'var(--ds-background-accent-orange-subtler)';
readonly 'color.background.accent.orange.subtler.hovered': 'var(--ds-background-accent-orange-subtler-hovered)';
readonly 'color.background.accent.orange.subtler.pressed': 'var(--ds-background-accent-orange-subtler-pressed)';
readonly 'color.background.accent.orange.subtle': 'var(--ds-background-accent-orange-subtle)';
readonly 'color.background.accent.orange.subtle.hovered': 'var(--ds-background-accent-orange-subtle-hovered)';
readonly 'color.background.accent.orange.subtle.pressed': 'var(--ds-background-accent-orange-subtle-pressed)';
readonly 'color.background.accent.orange.bolder': 'var(--ds-background-accent-orange-bolder)';
readonly 'color.background.accent.orange.bolder.hovered': 'var(--ds-background-accent-orange-bolder-hovered)';
readonly 'color.background.accent.orange.bolder.pressed': 'var(--ds-background-accent-orange-bolder-pressed)';
readonly 'color.background.accent.yellow.subtlest': 'var(--ds-background-accent-yellow-subtlest)';
readonly 'color.background.accent.yellow.subtlest.hovered': 'var(--ds-background-accent-yellow-subtlest-hovered)';
readonly 'color.background.accent.yellow.subtlest.pressed': 'var(--ds-background-accent-yellow-subtlest-pressed)';
readonly 'color.background.accent.yellow.subtler': 'var(--ds-background-accent-yellow-subtler)';
readonly 'color.background.accent.yellow.subtler.hovered': 'var(--ds-background-accent-yellow-subtler-hovered)';
readonly 'color.background.accent.yellow.subtler.pressed': 'var(--ds-background-accent-yellow-subtler-pressed)';
readonly 'color.background.accent.yellow.subtle': 'var(--ds-background-accent-yellow-subtle)';
readonly 'color.background.accent.yellow.subtle.hovered': 'var(--ds-background-accent-yellow-subtle-hovered)';
readonly 'color.background.accent.yellow.subtle.pressed': 'var(--ds-background-accent-yellow-subtle-pressed)';
readonly 'color.background.accent.yellow.bolder': 'var(--ds-background-accent-yellow-bolder)';
readonly 'color.background.accent.yellow.bolder.hovered': 'var(--ds-background-accent-yellow-bolder-hovered)';
readonly 'color.background.accent.yellow.bolder.pressed': 'var(--ds-background-accent-yellow-bolder-pressed)';
readonly 'color.background.accent.green.subtlest': 'var(--ds-background-accent-green-subtlest)';
readonly 'color.background.accent.green.subtlest.hovered': 'var(--ds-background-accent-green-subtlest-hovered)';
readonly 'color.background.accent.green.subtlest.pressed': 'var(--ds-background-accent-green-subtlest-pressed)';
readonly 'color.background.accent.green.subtler': 'var(--ds-background-accent-green-subtler)';
readonly 'color.background.accent.green.subtler.hovered': 'var(--ds-background-accent-green-subtler-hovered)';
readonly 'color.background.accent.green.subtler.pressed': 'var(--ds-background-accent-green-subtler-pressed)';
readonly 'color.background.accent.green.subtle': 'var(--ds-background-accent-green-subtle)';
readonly 'color.background.accent.green.subtle.hovered': 'var(--ds-background-accent-green-subtle-hovered)';
readonly 'color.background.accent.green.subtle.pressed': 'var(--ds-background-accent-green-subtle-pressed)';
readonly 'color.background.accent.green.bolder': 'var(--ds-background-accent-green-bolder)';
readonly 'color.background.accent.green.bolder.hovered': 'var(--ds-background-accent-green-bolder-hovered)';
readonly 'color.background.accent.green.bolder.pressed': 'var(--ds-background-accent-green-bolder-pressed)';
readonly 'color.background.accent.teal.subtlest': 'var(--ds-background-accent-teal-subtlest)';
readonly 'color.background.accent.teal.subtlest.hovered': 'var(--ds-background-accent-teal-subtlest-hovered)';
readonly 'color.background.accent.teal.subtlest.pressed': 'var(--ds-background-accent-teal-subtlest-pressed)';
readonly 'color.background.accent.teal.subtler': 'var(--ds-background-accent-teal-subtler)';
readonly 'color.background.accent.teal.subtler.hovered': 'var(--ds-background-accent-teal-subtler-hovered)';
readonly 'color.background.accent.teal.subtler.pressed': 'var(--ds-background-accent-teal-subtler-pressed)';
readonly 'color.background.accent.teal.subtle': 'var(--ds-background-accent-teal-subtle)';
readonly 'color.background.accent.teal.subtle.hovered': 'var(--ds-background-accent-teal-subtle-hovered)';
readonly 'color.background.accent.teal.subtle.pressed': 'var(--ds-background-accent-teal-subtle-pressed)';
readonly 'color.background.accent.teal.bolder': 'var(--ds-background-accent-teal-bolder)';
readonly 'color.background.accent.teal.bolder.hovered': 'var(--ds-background-accent-teal-bolder-hovered)';
readonly 'color.background.accent.teal.bolder.pressed': 'var(--ds-background-accent-teal-bolder-pressed)';
readonly 'color.background.accent.blue.subtlest': 'var(--ds-background-accent-blue-subtlest)';
readonly 'color.background.accent.blue.subtlest.hovered': 'var(--ds-background-accent-blue-subtlest-hovered)';
readonly 'color.background.accent.blue.subtlest.pressed': 'var(--ds-background-accent-blue-subtlest-pressed)';
readonly 'color.background.accent.blue.subtler': 'var(--ds-background-accent-blue-subtler)';
readonly 'color.background.accent.blue.subtler.hovered': 'var(--ds-background-accent-blue-subtler-hovered)';
readonly 'color.background.accent.blue.subtler.pressed': 'var(--ds-background-accent-blue-subtler-pressed)';
readonly 'color.background.accent.blue.subtle': 'var(--ds-background-accent-blue-subtle)';
readonly 'color.background.accent.blue.subtle.hovered': 'var(--ds-background-accent-blue-subtle-hovered)';
readonly 'color.background.accent.blue.subtle.pressed': 'var(--ds-background-accent-blue-subtle-pressed)';
readonly 'color.background.accent.blue.bolder': 'var(--ds-background-accent-blue-bolder)';
readonly 'color.background.accent.blue.bolder.hovered': 'var(--ds-background-accent-blue-bolder-hovered)';
readonly 'color.background.accent.blue.bolder.pressed': 'var(--ds-background-accent-blue-bolder-pressed)';
readonly 'color.background.accent.purple.subtlest': 'var(--ds-background-accent-purple-subtlest)';
readonly 'color.background.accent.purple.subtlest.hovered': 'var(--ds-background-accent-purple-subtlest-hovered)';
readonly 'color.background.accent.purple.subtlest.pressed': 'var(--ds-background-accent-purple-subtlest-pressed)';
readonly 'color.background.accent.purple.subtler': 'var(--ds-background-accent-purple-subtler)';
readonly 'color.background.accent.purple.subtler.hovered': 'var(--ds-background-accent-purple-subtler-hovered)';
readonly 'color.background.accent.purple.subtler.pressed': 'var(--ds-background-accent-purple-subtler-pressed)';
readonly 'color.background.accent.purple.subtle': 'var(--ds-background-accent-purple-subtle)';
readonly 'color.background.accent.purple.subtle.hovered': 'var(--ds-background-accent-purple-subtle-hovered)';
readonly 'color.background.accent.purple.subtle.pressed': 'var(--ds-background-accent-purple-subtle-pressed)';
readonly 'color.background.accent.purple.bolder': 'var(--ds-background-accent-purple-bolder)';
readonly 'color.background.accent.purple.bolder.hovered': 'var(--ds-background-accent-purple-bolder-hovered)';
readonly 'color.background.accent.purple.bolder.pressed': 'var(--ds-background-accent-purple-bolder-pressed)';
readonly 'color.background.accent.magenta.subtlest': 'var(--ds-background-accent-magenta-subtlest)';
readonly 'color.background.accent.magenta.subtlest.hovered': 'var(--ds-background-accent-magenta-subtlest-hovered)';
readonly 'color.background.accent.magenta.subtlest.pressed': 'var(--ds-background-accent-magenta-subtlest-pressed)';
readonly 'color.background.accent.magenta.subtler': 'var(--ds-background-accent-magenta-subtler)';
readonly 'color.background.accent.magenta.subtler.hovered': 'var(--ds-background-accent-magenta-subtler-hovered)';
readonly 'color.background.accent.magenta.subtler.pressed': 'var(--ds-background-accent-magenta-subtler-pressed)';
readonly 'color.background.accent.magenta.subtle': 'var(--ds-background-accent-magenta-subtle)';
readonly 'color.background.accent.magenta.subtle.hovered': 'var(--ds-background-accent-magenta-subtle-hovered)';
readonly 'color.background.accent.magenta.subtle.pressed': 'var(--ds-background-accent-magenta-subtle-pressed)';
readonly 'color.background.accent.magenta.bolder': 'var(--ds-background-accent-magenta-bolder)';
readonly 'color.background.accent.magenta.bolder.hovered': 'var(--ds-background-accent-magenta-bolder-hovered)';
readonly 'color.background.accent.magenta.bolder.pressed': 'var(--ds-background-accent-magenta-bolder-pressed)';
readonly 'color.background.accent.gray.subtlest': 'var(--ds-background-accent-gray-subtlest)';
readonly 'color.background.accent.gray.subtlest.hovered': 'var(--ds-background-accent-gray-subtlest-hovered)';
readonly 'color.background.accent.gray.subtlest.pressed': 'var(--ds-background-accent-gray-subtlest-pressed)';
readonly 'color.background.accent.gray.subtler': 'var(--ds-background-accent-gray-subtler)';
readonly 'color.background.accent.gray.subtler.hovered': 'var(--ds-background-accent-gray-subtler-hovered)';
readonly 'color.background.accent.gray.subtler.pressed': 'var(--ds-background-accent-gray-subtler-pressed)';
readonly 'color.background.accent.gray.subtle': 'var(--ds-background-accent-gray-subtle)';
readonly 'color.background.accent.gray.subtle.hovered': 'var(--ds-background-accent-gray-subtle-hovered)';
readonly 'color.background.accent.gray.subtle.pressed': 'var(--ds-background-accent-gray-subtle-pressed)';
readonly 'color.background.accent.gray.bolder': 'var(--ds-background-accent-gray-bolder)';
readonly 'color.background.accent.gray.bolder.hovered': 'var(--ds-background-accent-gray-bolder-hovered)';
readonly 'color.background.accent.gray.bolder.pressed': 'var(--ds-background-accent-gray-bolder-pressed)';
readonly 'color.background.disabled': 'var(--ds-background-disabled)';
readonly 'color.background.input': 'var(--ds-background-input)';
readonly 'color.background.input.hovered': 'var(--ds-background-input-hovered)';
readonly 'color.background.input.pressed': 'var(--ds-background-input-pressed)';
readonly 'color.background.inverse.subtle': 'var(--ds-background-inverse-subtle)';
readonly 'color.background.inverse.subtle.hovered': 'var(--ds-background-inverse-subtle-hovered)';
readonly 'color.background.inverse.subtle.pressed': 'var(--ds-background-inverse-subtle-pressed)';
readonly 'color.background.neutral': 'var(--ds-background-neutral)';
readonly 'color.background.neutral.hovered': 'var(--ds-background-neutral-hovered)';
readonly 'color.background.neutral.pressed': 'var(--ds-background-neutral-pressed)';
readonly 'color.background.neutral.subtle': 'var(--ds-background-neutral-subtle)';
readonly 'color.background.neutral.subtle.hovered': 'var(--ds-background-neutral-subtle-hovered)';
readonly 'color.background.neutral.subtle.pressed': 'var(--ds-background-neutral-subtle-pressed)';
readonly 'color.background.neutral.bold': 'var(--ds-background-neutral-bold)';
readonly 'color.background.neutral.bold.hovered': 'var(--ds-background-neutral-bold-hovered)';
readonly 'color.background.neutral.bold.pressed': 'var(--ds-background-neutral-bold-pressed)';
readonly 'color.background.selected': 'var(--ds-background-selected)';
readonly 'color.background.selected.hovered': 'var(--ds-background-selected-hovered)';
readonly 'color.background.selected.pressed': 'var(--ds-background-selected-pressed)';
readonly 'color.background.selected.bold': 'var(--ds-background-selected-bold)';
readonly 'color.background.selected.bold.hovered': 'var(--ds-background-selected-bold-hovered)';
readonly 'color.background.selected.bold.pressed': 'var(--ds-background-selected-bold-pressed)';
readonly 'color.background.brand.subtlest': 'var(--ds-background-brand-subtlest)';
readonly 'color.background.brand.subtlest.hovered': 'var(--ds-background-brand-subtlest-hovered)';
readonly 'color.background.brand.subtlest.pressed': 'var(--ds-background-brand-subtlest-pressed)';
readonly 'color.background.brand.bold': 'var(--ds-background-brand-bold)';
readonly 'color.background.brand.bold.hovered': 'var(--ds-background-brand-bold-hovered)';
readonly 'color.background.brand.bold.pressed': 'var(--ds-background-brand-bold-pressed)';
readonly 'color.background.brand.boldest': 'var(--ds-background-brand-boldest)';
readonly 'color.background.brand.boldest.hovered': 'var(--ds-background-brand-boldest-hovered)';
readonly 'color.background.brand.boldest.pressed': 'var(--ds-background-brand-boldest-pressed)';
readonly 'color.background.danger': 'var(--ds-background-danger)';
readonly 'color.background.danger.hovered': 'var(--ds-background-danger-hovered)';
readonly 'color.background.danger.pressed': 'var(--ds-background-danger-pressed)';
readonly 'color.background.danger.bold': 'var(--ds-background-danger-bold)';
readonly 'color.background.danger.bold.hovered': 'var(--ds-background-danger-bold-hovered)';
readonly 'color.background.danger.bold.pressed': 'var(--ds-background-danger-bold-pressed)';
readonly 'color.background.warning': 'var(--ds-background-warning)';
readonly 'color.background.warning.hovered': 'var(--ds-background-warning-hovered)';
readonly 'color.background.warning.pressed': 'var(--ds-background-warning-pressed)';
readonly 'color.background.warning.bold': 'var(--ds-background-warning-bold)';
readonly 'color.background.warning.bold.hovered': 'var(--ds-background-warning-bold-hovered)';
readonly 'color.background.warning.bold.pressed': 'var(--ds-background-warning-bold-pressed)';
readonly 'color.background.success': 'var(--ds-background-success)';
readonly 'color.background.success.hovered': 'var(--ds-background-success-hovered)';
readonly 'color.background.success.pressed': 'var(--ds-background-success-pressed)';
readonly 'color.background.success.bold': 'var(--ds-background-success-bold)';
readonly 'color.background.success.bold.hovered': 'var(--ds-background-success-bold-hovered)';
readonly 'color.background.success.bold.pressed': 'var(--ds-background-success-bold-pressed)';
readonly 'color.background.discovery': 'var(--ds-background-discovery)';
readonly 'color.background.discovery.hovered': 'var(--ds-background-discovery-hovered)';
readonly 'color.background.discovery.pressed': 'var(--ds-background-discovery-pressed)';
readonly 'color.background.discovery.bold': 'var(--ds-background-discovery-bold)';
readonly 'color.background.discovery.bold.hovered': 'var(--ds-background-discovery-bold-hovered)';
readonly 'color.background.discovery.bold.pressed': 'var(--ds-background-discovery-bold-pressed)';
readonly 'color.background.information': 'var(--ds-background-information)';
readonly 'color.background.information.hovered': 'var(--ds-background-information-hovered)';
readonly 'color.background.information.pressed': 'var(--ds-background-information-pressed)';
readonly 'color.background.information.bold': 'var(--ds-background-information-bold)';
readonly 'color.background.information.bold.hovered': 'var(--ds-background-information-bold-hovered)';
readonly 'color.background.information.bold.pressed': 'var(--ds-background-information-bold-pressed)';
readonly 'color.blanket': 'var(--ds-blanket)';
readonly 'color.blanket.selected': 'var(--ds-blanket-selected)';
readonly 'color.blanket.danger': 'var(--ds-blanket-danger)';
readonly 'elevation.surface': 'var(--ds-surface)';
readonly 'elevation.surface.hovered': 'var(--ds-surface-hovered)';
readonly 'elevation.surface.pressed': 'var(--ds-surface-pressed)';
readonly 'elevation.surface.overlay': 'var(--ds-surface-overlay)';
readonly 'elevation.surface.overlay.hovered': 'var(--ds-surface-overlay-hovered)';
readonly 'elevation.surface.overlay.pressed': 'var(--ds-surface-overlay-pressed)';
readonly 'elevation.surface.raised': 'var(--ds-surface-raised)';
readonly 'elevation.surface.raised.hovered': 'var(--ds-surface-raised-hovered)';
readonly 'elevation.surface.raised.pressed': 'var(--ds-surface-raised-pressed)';
readonly 'elevation.surface.sunken': 'var(--ds-surface-sunken)';
readonly 'utility.elevation.surface.current': 'var(--ds-elevation-surface-current)';
};

@@ -313,13 +314,13 @@

type BaseBoxProps<T extends CustomElementType> = {
as?: T;
children?: ReactNode;
backgroundColor?: BackgroundColor;
padding?: Space;
paddingBlock?: Space;
paddingBlockStart?: Space;
paddingBlockEnd?: Space;
paddingInline?: Space;
paddingInlineStart?: Space;
paddingInlineEnd?: Space;
ref?: ComponentPropsWithRef<T>['ref'];
as?: T;
children?: ReactNode;
backgroundColor?: BackgroundColor;
padding?: Space;
paddingBlock?: Space;
paddingBlockStart?: Space;
paddingBlockEnd?: Space;
paddingInline?: Space;
paddingInlineStart?: Space;
paddingInlineEnd?: Space;
ref?: ComponentPropsWithRef<T>['ref'];
};

@@ -329,5 +330,5 @@

type BasePrimitiveProps = {
testId?: string;
xcss?: Array<XCSS | false | undefined> | XCSS;
role?: string;
testId?: string;
xcss?: Array<XCSS | false | undefined> | XCSS;
role?: string;
};

@@ -337,10 +338,3 @@

export const Bleed: MemoExoticComponent<
({
children,
testId,
inline,
block,
all,
xcss,
}: BleedProps) => jsx.JSX.Element
({ children, testId, inline, block, all, xcss }: BleedProps) => jsx.JSX.Element
>;

@@ -350,6 +344,6 @@

export type BleedProps = {
children: ReactNode;
all?: Space_2;
inline?: Space_2;
block?: Space_2;
children: ReactNode;
all?: Space_2;
inline?: Space_2;
block?: Space_2;
} & BasePrimitiveProps;

@@ -362,5 +356,5 @@

const bodyTextMap: {
body: 'var(--ds-font-body)';
'body.large': 'var(--ds-font-body-large)';
'body.small': 'var(--ds-font-body-small)';
body: 'var(--ds-font-body)';
'body.large': 'var(--ds-font-body-large)';
'body.small': 'var(--ds-font-body-small)';
};

@@ -373,25 +367,25 @@

const borderColorMap: {
readonly 'color.border': 'var(--ds-border)';
readonly 'color.border.accent.lime': 'var(--ds-border-accent-lime)';
readonly 'color.border.accent.red': 'var(--ds-border-accent-red)';
readonly 'color.border.accent.orange': 'var(--ds-border-accent-orange)';
readonly 'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
readonly 'color.border.accent.green': 'var(--ds-border-accent-green)';
readonly 'color.border.accent.teal': 'var(--ds-border-accent-teal)';
readonly 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
readonly 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
readonly 'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
readonly 'color.border.accent.gray': 'var(--ds-border-accent-gray)';
readonly 'color.border.disabled': 'var(--ds-border-disabled)';
readonly 'color.border.focused': 'var(--ds-border-focused)';
readonly 'color.border.input': 'var(--ds-border-input)';
readonly 'color.border.inverse': 'var(--ds-border-inverse)';
readonly 'color.border.selected': 'var(--ds-border-selected)';
readonly 'color.border.brand': 'var(--ds-border-brand)';
readonly 'color.border.danger': 'var(--ds-border-danger)';
readonly 'color.border.warning': 'var(--ds-border-warning)';
readonly 'color.border.success': 'var(--ds-border-success)';
readonly 'color.border.discovery': 'var(--ds-border-discovery)';
readonly 'color.border.information': 'var(--ds-border-information)';
readonly 'color.border.bold': 'var(--ds-border-bold)';
readonly 'color.border': 'var(--ds-border)';
readonly 'color.border.accent.lime': 'var(--ds-border-accent-lime)';
readonly 'color.border.accent.red': 'var(--ds-border-accent-red)';
readonly 'color.border.accent.orange': 'var(--ds-border-accent-orange)';
readonly 'color.border.accent.yellow': 'var(--ds-border-accent-yellow)';
readonly 'color.border.accent.green': 'var(--ds-border-accent-green)';
readonly 'color.border.accent.teal': 'var(--ds-border-accent-teal)';
readonly 'color.border.accent.blue': 'var(--ds-border-accent-blue)';
readonly 'color.border.accent.purple': 'var(--ds-border-accent-purple)';
readonly 'color.border.accent.magenta': 'var(--ds-border-accent-magenta)';
readonly 'color.border.accent.gray': 'var(--ds-border-accent-gray)';
readonly 'color.border.disabled': 'var(--ds-border-disabled)';
readonly 'color.border.focused': 'var(--ds-border-focused)';
readonly 'color.border.input': 'var(--ds-border-input)';
readonly 'color.border.inverse': 'var(--ds-border-inverse)';
readonly 'color.border.selected': 'var(--ds-border-selected)';
readonly 'color.border.brand': 'var(--ds-border-brand)';
readonly 'color.border.danger': 'var(--ds-border-danger)';
readonly 'color.border.warning': 'var(--ds-border-warning)';
readonly 'color.border.success': 'var(--ds-border-success)';
readonly 'color.border.discovery': 'var(--ds-border-discovery)';
readonly 'color.border.information': 'var(--ds-border-information)';
readonly 'color.border.bold': 'var(--ds-border-bold)';
};

@@ -404,9 +398,9 @@

const borderRadiusMap: {
readonly 'border.radius.050': 'var(--ds-border-radius-050)';
readonly 'border.radius': 'var(--ds-border-radius)';
readonly 'border.radius.100': 'var(--ds-border-radius-100)';
readonly 'border.radius.200': 'var(--ds-border-radius-200)';
readonly 'border.radius.300': 'var(--ds-border-radius-300)';
readonly 'border.radius.400': 'var(--ds-border-radius-400)';
readonly 'border.radius.circle': 'var(--ds-border-radius-circle)';
readonly 'border.radius.050': 'var(--ds-border-radius-050)';
readonly 'border.radius': 'var(--ds-border-radius)';
readonly 'border.radius.100': 'var(--ds-border-radius-100)';
readonly 'border.radius.200': 'var(--ds-border-radius-200)';
readonly 'border.radius.300': 'var(--ds-border-radius-300)';
readonly 'border.radius.400': 'var(--ds-border-radius-400)';
readonly 'border.radius.circle': 'var(--ds-border-radius-circle)';
};

@@ -419,6 +413,6 @@

const borderWidthMap: {
readonly 'border.width': 'var(--ds-border-width)';
readonly 'border.width.0': 'var(--ds-border-width-0)';
readonly 'border.width.indicator': 'var(--ds-border-width-indicator)';
readonly 'border.width.outline': 'var(--ds-border-width-outline)';
readonly 'border.width': 'var(--ds-border-width)';
readonly 'border.width.0': 'var(--ds-border-width-0)';
readonly 'border.width.indicator': 'var(--ds-border-width-indicator)';
readonly 'border.width.outline': 'var(--ds-border-width-outline)';
};

@@ -430,14 +424,12 @@

// @public (undocumented)
type BoxComponent = <T extends CustomElementType>(
props: BoxProps<T>,
) => ReactElement | null;
type BoxComponent = <T extends CustomElementType>(props: BoxProps<T>) => ReactElement | null;
// @public (undocumented)
export type BoxProps<T extends CustomElementType> = Omit<
ComponentPropsWithoutRef<T>,
'as' | 'className'
ComponentPropsWithoutRef<T>,
'as' | 'className'
> &
BasePrimitiveProps &
StyleProp &
BaseBoxProps<T>;
BasePrimitiveProps &
StyleProp &
BaseBoxProps<T>;

@@ -449,6 +441,6 @@ // @public

type CSSAtRules = {
[AtRule in AtRulesWithoutMedia as `${AtRule}${string}`]?: Omit<
SafeCSSObject,
AtRulesWithoutMedia
>;
[AtRule in AtRulesWithoutMedia as `${AtRule}${string}`]?: Omit<
SafeCSSObject,
AtRulesWithoutMedia
>;
};

@@ -458,3 +450,3 @@

type CSSMediaQueries = {
[MQ in AllMedia]?: Omit<SafeCSSObject, AllMedia>;
[MQ in AllMedia]?: Omit<SafeCSSObject, AllMedia>;
};

@@ -464,3 +456,3 @@

type CSSPseudos = {
[Pseudo in CSS_2.Pseudos]?: Omit<SafeCSSObject, AllMedia | CSS_2.Pseudos>;
[Pseudo in CSS_2.Pseudos]?: Omit<SafeCSSObject, AllMedia | CSS_2.Pseudos>;
};

@@ -470,3 +462,3 @@

type CustomElementType<P = any> = {
[K in AllowedElements]: P extends JSX.IntrinsicElements[K] ? K : never;
[K in AllowedElements]: P extends JSX.IntrinsicElements[K] ? K : never;
}[AllowedElements];

@@ -479,10 +471,10 @@

const dimensionMap: {
readonly '100%': '100%';
readonly 'size.100': '1rem';
readonly 'size.200': '1.5rem';
readonly 'size.300': '2rem';
readonly 'size.400': '2.5rem';
readonly 'size.500': '3rem';
readonly 'size.600': '6rem';
readonly 'size.1000': '12rem';
readonly '100%': '100%';
readonly 'size.100': '1rem';
readonly 'size.200': '1.5rem';
readonly 'size.300': '2rem';
readonly 'size.400': '2.5rem';
readonly 'size.500': '3rem';
readonly 'size.600': '6rem';
readonly 'size.1000': '12rem';
};

@@ -495,88 +487,82 @@

export const Flex: MemoExoticComponent<
ForwardRefExoticComponent<
Pick<
{
as?: 'div' | 'li' | 'ol' | 'span' | 'ul' | undefined;
justifyContent?:
| 'center'
| 'end'
| 'space-around'
| 'space-between'
| 'space-evenly'
| 'start'
| 'stretch'
| undefined;
alignItems?:
| 'baseline'
| 'center'
| 'end'
| 'start'
| 'stretch'
| undefined;
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'
| undefined;
gap?:
| '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'
| undefined;
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'
| undefined;
direction?: 'column' | 'row' | undefined;
wrap?: 'nowrap' | 'wrap' | undefined;
children: ReactNode;
ref?: any;
} & BasePrimitiveProps,
| 'alignItems'
| 'as'
| 'children'
| 'columnGap'
| 'direction'
| 'gap'
| 'justifyContent'
| 'rowGap'
| 'wrap'
| keyof BasePrimitiveProps
> &
RefAttributes<any>
>
ForwardRefExoticComponent<
Pick<
{
as?: 'div' | 'li' | 'ol' | 'span' | 'ul' | undefined;
justifyContent?:
| 'center'
| 'end'
| 'space-around'
| 'space-between'
| 'space-evenly'
| 'start'
| 'stretch'
| undefined;
alignItems?: 'baseline' | 'center' | 'end' | 'start' | 'stretch' | undefined;
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'
| undefined;
gap?:
| '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'
| undefined;
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'
| undefined;
direction?: 'column' | 'row' | undefined;
wrap?: 'nowrap' | 'wrap' | undefined;
children: ReactNode;
ref?: any;
} & BasePrimitiveProps,
| 'alignItems'
| 'as'
| 'children'
| 'columnGap'
| 'direction'
| 'gap'
| 'justifyContent'
| 'rowGap'
| 'wrap'
| keyof BasePrimitiveProps
> &
RefAttributes<any>
>
>;

@@ -586,4 +572,4 @@

const flexDirectionMap: {
readonly column: SerializedStyles_2;
readonly row: SerializedStyles_2;
readonly column: SerializedStyles_2;
readonly row: SerializedStyles_2;
};

@@ -593,12 +579,12 @@

export type FlexProps<T extends ElementType = 'div'> = {
as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
justifyContent?: JustifyContent;
alignItems?: AlignItems;
columnGap?: Space;
gap?: Space;
rowGap?: Space;
direction?: Direction;
wrap?: Wrap;
children: ReactNode;
ref?: React.ComponentPropsWithRef<T>['ref'];
as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
justifyContent?: JustifyContent;
alignItems?: AlignItems;
columnGap?: Space;
gap?: Space;
rowGap?: Space;
direction?: Direction;
wrap?: Wrap;
children: ReactNode;
ref?: React.ComponentPropsWithRef<T>['ref'];
} & BasePrimitiveProps;

@@ -608,4 +594,4 @@

const flexWrapMap: {
readonly wrap: SerializedStyles_2;
readonly nowrap: SerializedStyles_2;
readonly wrap: SerializedStyles_2;
readonly nowrap: SerializedStyles_2;
};

@@ -615,106 +601,100 @@

export const Grid: MemoExoticComponent<
ForwardRefExoticComponent<
Pick<
{
as?: 'div' | 'ol' | 'span' | 'ul' | undefined;
justifyContent?:
| 'center'
| 'end'
| 'space-around'
| 'space-between'
| 'space-evenly'
| 'start'
| 'stretch'
| undefined;
justifyItems?: 'center' | 'end' | 'start' | 'stretch' | undefined;
alignItems?: 'baseline' | 'center' | 'end' | 'start' | undefined;
alignContent?:
| 'center'
| 'end'
| 'space-around'
| 'space-between'
| 'space-evenly'
| 'start'
| 'stretch'
| undefined;
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'
| undefined;
gap?:
| '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'
| undefined;
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'
| undefined;
autoFlow?:
| 'column dense'
| 'column'
| 'dense'
| 'row dense'
| 'row'
| undefined;
templateRows?: string | undefined;
templateColumns?: string | undefined;
templateAreas?: string[] | undefined;
children: ReactNode;
id?: string | undefined;
ref?: any;
} & BasePrimitiveProps,
| 'alignContent'
| 'alignItems'
| 'as'
| 'autoFlow'
| 'children'
| 'columnGap'
| 'gap'
| 'id'
| 'justifyContent'
| 'justifyItems'
| 'rowGap'
| 'templateAreas'
| 'templateColumns'
| 'templateRows'
| keyof BasePrimitiveProps
> &
RefAttributes<any>
>
ForwardRefExoticComponent<
Pick<
{
as?: 'div' | 'ol' | 'span' | 'ul' | undefined;
justifyContent?:
| 'center'
| 'end'
| 'space-around'
| 'space-between'
| 'space-evenly'
| 'start'
| 'stretch'
| undefined;
justifyItems?: 'center' | 'end' | 'start' | 'stretch' | undefined;
alignItems?: 'baseline' | 'center' | 'end' | 'start' | undefined;
alignContent?:
| 'center'
| 'end'
| 'space-around'
| 'space-between'
| 'space-evenly'
| 'start'
| 'stretch'
| undefined;
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'
| undefined;
gap?:
| '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'
| undefined;
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'
| undefined;
autoFlow?: 'column dense' | 'column' | 'dense' | 'row dense' | 'row' | undefined;
templateRows?: string | undefined;
templateColumns?: string | undefined;
templateAreas?: string[] | undefined;
children: ReactNode;
id?: string | undefined;
ref?: any;
} & BasePrimitiveProps,
| 'alignContent'
| 'alignItems'
| 'as'
| 'autoFlow'
| 'children'
| 'columnGap'
| 'gap'
| 'id'
| 'justifyContent'
| 'justifyItems'
| 'rowGap'
| 'templateAreas'
| 'templateColumns'
| 'templateRows'
| keyof BasePrimitiveProps
> &
RefAttributes<any>
>
>;

@@ -724,7 +704,7 @@

const gridAutoFlowMap: {
readonly row: SerializedStyles_2;
readonly column: SerializedStyles_2;
readonly dense: SerializedStyles_2;
readonly 'row dense': SerializedStyles_2;
readonly 'column dense': SerializedStyles_2;
readonly row: SerializedStyles_2;
readonly column: SerializedStyles_2;
readonly dense: SerializedStyles_2;
readonly 'row dense': SerializedStyles_2;
readonly 'column dense': SerializedStyles_2;
};

@@ -734,17 +714,17 @@

export type GridProps<T extends ElementType = 'div'> = {
as?: 'div' | 'ol' | 'span' | 'ul';
justifyContent?: JustifyContent_2;
justifyItems?: JustifyItems;
alignItems?: AlignItems_2;
alignContent?: AlignContent;
columnGap?: Space;
gap?: Space;
rowGap?: Space;
autoFlow?: AutoFlow;
templateRows?: string;
templateColumns?: string;
templateAreas?: string[];
children: ReactNode;
id?: string;
ref?: React.ComponentPropsWithRef<T>['ref'];
as?: 'div' | 'ol' | 'span' | 'ul';
justifyContent?: JustifyContent_2;
justifyItems?: JustifyItems;
alignItems?: AlignItems_2;
alignContent?: AlignContent;
columnGap?: Space;
gap?: Space;
rowGap?: Space;
autoFlow?: AutoFlow;
templateRows?: string;
templateColumns?: string;
templateAreas?: string[];
children: ReactNode;
id?: string;
ref?: React.ComponentPropsWithRef<T>['ref'];
} & BasePrimitiveProps;

@@ -757,61 +737,61 @@

export const Inline: MemoExoticComponent<
ForwardRefExoticComponent<
Pick<
{
as?: 'div' | 'li' | 'ol' | 'span' | 'ul' | undefined;
alignBlock?: AlignBlock | undefined;
alignInline?: AlignInline | undefined;
shouldWrap?: boolean | undefined;
spread?: 'space-between' | undefined;
grow?: Grow | undefined;
space?:
| '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'
| undefined;
rowSpace?:
| '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'
| undefined;
separator?: string | undefined;
children: ReactNode;
ref?: any;
} & BasePrimitiveProps,
| 'alignBlock'
| 'alignInline'
| 'as'
| 'children'
| 'grow'
| 'rowSpace'
| 'separator'
| 'shouldWrap'
| 'space'
| 'spread'
| keyof BasePrimitiveProps
> &
RefAttributes<any>
>
ForwardRefExoticComponent<
Pick<
{
as?: 'div' | 'li' | 'ol' | 'span' | 'ul' | undefined;
alignBlock?: AlignBlock | undefined;
alignInline?: AlignInline | undefined;
shouldWrap?: boolean | undefined;
spread?: 'space-between' | undefined;
grow?: Grow | undefined;
space?:
| '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'
| undefined;
rowSpace?:
| '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'
| undefined;
separator?: string | undefined;
children: ReactNode;
ref?: any;
} & BasePrimitiveProps,
| 'alignBlock'
| 'alignInline'
| 'as'
| 'children'
| 'grow'
| 'rowSpace'
| 'separator'
| 'shouldWrap'
| 'space'
| 'spread'
| keyof BasePrimitiveProps
> &
RefAttributes<any>
>
>;

@@ -821,13 +801,13 @@

export type InlineProps<T extends ElementType = 'div'> = {
as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
alignBlock?: AlignBlock;
alignInline?: AlignInline;
shouldWrap?: boolean;
spread?: Spread;
grow?: Grow;
space?: Space;
rowSpace?: Space;
separator?: string;
children: ReactNode;
ref?: React.ComponentPropsWithRef<T>['ref'];
as?: 'div' | 'li' | 'ol' | 'span' | 'ul';
alignBlock?: AlignBlock;
alignInline?: AlignInline;
shouldWrap?: boolean;
spread?: Spread;
grow?: Grow;
space?: Space;
rowSpace?: Space;
separator?: string;
children: ReactNode;
ref?: React.ComponentPropsWithRef<T>['ref'];
} & BasePrimitiveProps;

@@ -843,9 +823,9 @@

const justifyContentMap: {
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly 'space-between': SerializedStyles_2;
readonly 'space-around': SerializedStyles_2;
readonly 'space-evenly': SerializedStyles_2;
readonly stretch: SerializedStyles_2;
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly 'space-between': SerializedStyles_2;
readonly 'space-around': SerializedStyles_2;
readonly 'space-evenly': SerializedStyles_2;
readonly stretch: SerializedStyles_2;
};

@@ -855,9 +835,9 @@

const justifyContentMap_2: {
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly 'space-between': SerializedStyles_2;
readonly 'space-around': SerializedStyles_2;
readonly 'space-evenly': SerializedStyles_2;
readonly stretch: SerializedStyles_2;
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly 'space-between': SerializedStyles_2;
readonly 'space-around': SerializedStyles_2;
readonly 'space-evenly': SerializedStyles_2;
readonly stretch: SerializedStyles_2;
};

@@ -870,6 +850,6 @@

const justifyItemsMap: {
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly stretch: SerializedStyles_2;
readonly start: SerializedStyles_2;
readonly center: SerializedStyles_2;
readonly end: SerializedStyles_2;
readonly stretch: SerializedStyles_2;
};

@@ -882,11 +862,11 @@

const layerMap: {
readonly card: 100;
readonly navigation: 200;
readonly dialog: 300;
readonly layer: 400;
readonly blanket: 500;
readonly modal: 510;
readonly flag: 600;
readonly spotlight: 700;
readonly tooltip: 800;
readonly card: 100;
readonly navigation: 200;
readonly dialog: 300;
readonly layer: 400;
readonly blanket: 500;
readonly modal: 510;
readonly flag: 600;
readonly spotlight: 700;
readonly tooltip: 800;
};

@@ -908,11 +888,11 @@

const negativeSpaceMap: {
'space.negative.025': 'var(--ds-space-negative-025)';
'space.negative.050': 'var(--ds-space-negative-050)';
'space.negative.075': 'var(--ds-space-negative-075)';
'space.negative.100': 'var(--ds-space-negative-100)';
'space.negative.150': 'var(--ds-space-negative-150)';
'space.negative.200': 'var(--ds-space-negative-200)';
'space.negative.250': 'var(--ds-space-negative-250)';
'space.negative.300': 'var(--ds-space-negative-300)';
'space.negative.400': 'var(--ds-space-negative-400)';
'space.negative.025': 'var(--ds-space-negative-025)';
'space.negative.050': 'var(--ds-space-negative-050)';
'space.negative.075': 'var(--ds-space-negative-075)';
'space.negative.100': 'var(--ds-space-negative-100)';
'space.negative.150': 'var(--ds-space-negative-150)';
'space.negative.200': 'var(--ds-space-negative-200)';
'space.negative.250': 'var(--ds-space-negative-250)';
'space.negative.300': 'var(--ds-space-negative-300)';
'space.negative.400': 'var(--ds-space-negative-400)';
};

@@ -925,4 +905,4 @@

const opacityMap: {
readonly 'opacity.disabled': 'var(--ds-opacity-disabled)';
readonly 'opacity.loading': 'var(--ds-opacity-loading)';
readonly 'opacity.disabled': 'var(--ds-opacity-disabled)';
readonly 'opacity.loading': 'var(--ds-opacity-loading)';
};

@@ -932,6 +912,6 @@

type SafeCSSObject = CSSPseudos &
CSSAtRules &
TokenisedProps &
CSSMediaQueries &
Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
CSSAtRules &
TokenisedProps &
CSSMediaQueries &
Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;

@@ -946,7 +926,7 @@ // @public

const shadowMap: {
readonly 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
readonly 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
readonly 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
readonly 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
readonly 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
readonly 'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
readonly 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
readonly 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
readonly 'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
readonly 'elevation.shadow.raised': 'var(--ds-shadow-raised)';
};

@@ -958,25 +938,20 @@

// @public (undocumented)
type Space_2 =
| 'space.025'
| 'space.050'
| 'space.100'
| 'space.150'
| 'space.200';
type Space_2 = 'space.025' | 'space.050' | 'space.100' | 'space.150' | 'space.200';
// @public
const spaceMap: {
'space.0': 'var(--ds-space-0)';
'space.025': 'var(--ds-space-025)';
'space.050': 'var(--ds-space-050)';
'space.075': 'var(--ds-space-075)';
'space.100': 'var(--ds-space-100)';
'space.150': 'var(--ds-space-150)';
'space.200': 'var(--ds-space-200)';
'space.250': 'var(--ds-space-250)';
'space.300': 'var(--ds-space-300)';
'space.400': 'var(--ds-space-400)';
'space.500': 'var(--ds-space-500)';
'space.600': 'var(--ds-space-600)';
'space.800': 'var(--ds-space-800)';
'space.1000': 'var(--ds-space-1000)';
'space.0': 'var(--ds-space-0)';
'space.025': 'var(--ds-space-025)';
'space.050': 'var(--ds-space-050)';
'space.075': 'var(--ds-space-075)';
'space.100': 'var(--ds-space-100)';
'space.150': 'var(--ds-space-150)';
'space.200': 'var(--ds-space-200)';
'space.250': 'var(--ds-space-250)';
'space.300': 'var(--ds-space-300)';
'space.400': 'var(--ds-space-400)';
'space.500': 'var(--ds-space-500)';
'space.600': 'var(--ds-space-600)';
'space.800': 'var(--ds-space-800)';
'space.1000': 'var(--ds-space-1000)';
};

@@ -989,40 +964,40 @@

export const Stack: MemoExoticComponent<
ForwardRefExoticComponent<
Pick<
{
as?: 'div' | 'ol' | 'span' | 'ul' | undefined;
alignBlock?: 'center' | 'end' | 'start' | 'stretch' | undefined;
alignInline?: AlignInline | undefined;
spread?: 'space-between' | undefined;
grow?: Grow | undefined;
space?:
| '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'
| undefined;
children: ReactNode;
ref?: any;
} & BasePrimitiveProps,
| 'alignBlock'
| 'alignInline'
| 'as'
| 'children'
| 'grow'
| 'space'
| 'spread'
| keyof BasePrimitiveProps
> &
RefAttributes<any>
>
ForwardRefExoticComponent<
Pick<
{
as?: 'div' | 'ol' | 'span' | 'ul' | undefined;
alignBlock?: 'center' | 'end' | 'start' | 'stretch' | undefined;
alignInline?: AlignInline | undefined;
spread?: 'space-between' | undefined;
grow?: Grow | undefined;
space?:
| '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'
| undefined;
children: ReactNode;
ref?: any;
} & BasePrimitiveProps,
| 'alignBlock'
| 'alignInline'
| 'as'
| 'children'
| 'grow'
| 'space'
| 'spread'
| keyof BasePrimitiveProps
> &
RefAttributes<any>
>
>;

@@ -1032,10 +1007,10 @@

export type StackProps<T extends ElementType = 'div'> = {
as?: 'div' | 'ol' | 'span' | 'ul';
alignBlock?: Exclude<AlignBlock, 'baseline'>;
alignInline?: AlignInline;
spread?: Spread;
grow?: Grow;
space?: Space;
children: ReactNode;
ref?: React.ComponentPropsWithRef<T>['ref'];
as?: 'div' | 'ol' | 'span' | 'ul';
alignBlock?: Exclude<AlignBlock, 'baseline'>;
alignInline?: AlignInline;
spread?: Spread;
grow?: Grow;
space?: Space;
children: ReactNode;
ref?: React.ComponentPropsWithRef<T>['ref'];
} & BasePrimitiveProps;

@@ -1045,3 +1020,3 @@

type StyleProp = {
style?: CSSProperties;
style?: CSSProperties;
};

@@ -1051,60 +1026,60 @@

type SVGElements =
| 'animate'
| 'animateMotion'
| 'animateTransform'
| 'circle'
| 'clipPath'
| 'defs'
| 'desc'
| 'ellipse'
| 'feBlend'
| 'feColorMatrix'
| 'feComponentTransfer'
| 'feComposite'
| 'feConvolveMatrix'
| 'feDiffuseLighting'
| 'feDisplacementMap'
| 'feDistantLight'
| 'feDropShadow'
| 'feFlood'
| 'feFuncA'
| 'feFuncB'
| 'feFuncG'
| 'feFuncR'
| 'feGaussianBlur'
| 'feImage'
| 'feMerge'
| 'feMergeNode'
| 'feMorphology'
| 'feOffset'
| 'fePointLight'
| 'feSpecularLighting'
| 'feSpotLight'
| 'feTile'
| 'feTurbulence'
| 'filter'
| 'foreignObject'
| 'g'
| 'image'
| 'line'
| 'linearGradient'
| 'marker'
| 'mask'
| 'metadata'
| 'mpath'
| 'path'
| 'pattern'
| 'polygon'
| 'polyline'
| 'radialGradient'
| 'rect'
| 'stop'
| 'svg'
| 'switch'
| 'symbol'
| 'text'
| 'textPath'
| 'tspan'
| 'use'
| 'view';
| 'animate'
| 'animateMotion'
| 'animateTransform'
| 'circle'
| 'clipPath'
| 'defs'
| 'desc'
| 'ellipse'
| 'feBlend'
| 'feColorMatrix'
| 'feComponentTransfer'
| 'feComposite'
| 'feConvolveMatrix'
| 'feDiffuseLighting'
| 'feDisplacementMap'
| 'feDistantLight'
| 'feDropShadow'
| 'feFlood'
| 'feFuncA'
| 'feFuncB'
| 'feFuncG'
| 'feFuncR'
| 'feGaussianBlur'
| 'feImage'
| 'feMerge'
| 'feMergeNode'
| 'feMorphology'
| 'feOffset'
| 'fePointLight'
| 'feSpecularLighting'
| 'feSpotLight'
| 'feTile'
| 'feTurbulence'
| 'filter'
| 'foreignObject'
| 'g'
| 'image'
| 'line'
| 'linearGradient'
| 'marker'
| 'mask'
| 'metadata'
| 'mpath'
| 'path'
| 'pattern'
| 'polygon'
| 'polyline'
| 'radialGradient'
| 'rect'
| 'stop'
| 'svg'
| 'switch'
| 'symbol'
| 'text'
| 'textPath'
| 'tspan'
| 'use'
| 'view';

@@ -1120,5 +1095,5 @@ // @internal

const textAlignMap: {
center: SerializedStyles_2;
end: SerializedStyles_2;
start: SerializedStyles_2;
center: SerializedStyles_2;
end: SerializedStyles_2;
start: SerializedStyles_2;
};

@@ -1131,38 +1106,38 @@

const textColorMap: {
readonly 'color.text': 'var(--ds-text)';
readonly 'color.text.accent.lime': 'var(--ds-text-accent-lime)';
readonly 'color.text.accent.lime.bolder': 'var(--ds-text-accent-lime-bolder)';
readonly 'color.text.accent.red': 'var(--ds-text-accent-red)';
readonly 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
readonly 'color.text.accent.orange': 'var(--ds-text-accent-orange)';
readonly 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
readonly 'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
readonly 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
readonly 'color.text.accent.green': 'var(--ds-text-accent-green)';
readonly 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
readonly 'color.text.accent.teal': 'var(--ds-text-accent-teal)';
readonly 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
readonly 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
readonly 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
readonly 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
readonly 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
readonly 'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
readonly 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
readonly 'color.text.accent.gray': 'var(--ds-text-accent-gray)';
readonly 'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
readonly 'color.text.disabled': 'var(--ds-text-disabled)';
readonly 'color.text.inverse': 'var(--ds-text-inverse)';
readonly 'color.text.selected': 'var(--ds-text-selected)';
readonly 'color.text.brand': 'var(--ds-text-brand)';
readonly 'color.text.danger': 'var(--ds-text-danger)';
readonly 'color.text.warning': 'var(--ds-text-warning)';
readonly 'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
readonly 'color.text.success': 'var(--ds-text-success)';
readonly 'color.text.discovery': 'var(--ds-text-discovery)';
readonly 'color.text.information': 'var(--ds-text-information)';
readonly 'color.text.subtlest': 'var(--ds-text-subtlest)';
readonly 'color.text.subtle': 'var(--ds-text-subtle)';
readonly 'color.link': 'var(--ds-link)';
readonly 'color.link.pressed': 'var(--ds-link-pressed)';
readonly 'color.link.visited': 'var(--ds-link-visited)';
readonly 'color.text': 'var(--ds-text)';
readonly 'color.text.accent.lime': 'var(--ds-text-accent-lime)';
readonly 'color.text.accent.lime.bolder': 'var(--ds-text-accent-lime-bolder)';
readonly 'color.text.accent.red': 'var(--ds-text-accent-red)';
readonly 'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
readonly 'color.text.accent.orange': 'var(--ds-text-accent-orange)';
readonly 'color.text.accent.orange.bolder': 'var(--ds-text-accent-orange-bolder)';
readonly 'color.text.accent.yellow': 'var(--ds-text-accent-yellow)';
readonly 'color.text.accent.yellow.bolder': 'var(--ds-text-accent-yellow-bolder)';
readonly 'color.text.accent.green': 'var(--ds-text-accent-green)';
readonly 'color.text.accent.green.bolder': 'var(--ds-text-accent-green-bolder)';
readonly 'color.text.accent.teal': 'var(--ds-text-accent-teal)';
readonly 'color.text.accent.teal.bolder': 'var(--ds-text-accent-teal-bolder)';
readonly 'color.text.accent.blue': 'var(--ds-text-accent-blue)';
readonly 'color.text.accent.blue.bolder': 'var(--ds-text-accent-blue-bolder)';
readonly 'color.text.accent.purple': 'var(--ds-text-accent-purple)';
readonly 'color.text.accent.purple.bolder': 'var(--ds-text-accent-purple-bolder)';
readonly 'color.text.accent.magenta': 'var(--ds-text-accent-magenta)';
readonly 'color.text.accent.magenta.bolder': 'var(--ds-text-accent-magenta-bolder)';
readonly 'color.text.accent.gray': 'var(--ds-text-accent-gray)';
readonly 'color.text.accent.gray.bolder': 'var(--ds-text-accent-gray-bolder)';
readonly 'color.text.disabled': 'var(--ds-text-disabled)';
readonly 'color.text.inverse': 'var(--ds-text-inverse)';
readonly 'color.text.selected': 'var(--ds-text-selected)';
readonly 'color.text.brand': 'var(--ds-text-brand)';
readonly 'color.text.danger': 'var(--ds-text-danger)';
readonly 'color.text.warning': 'var(--ds-text-warning)';
readonly 'color.text.warning.inverse': 'var(--ds-text-warning-inverse)';
readonly 'color.text.success': 'var(--ds-text-success)';
readonly 'color.text.discovery': 'var(--ds-text-discovery)';
readonly 'color.text.information': 'var(--ds-text-information)';
readonly 'color.text.subtlest': 'var(--ds-text-subtlest)';
readonly 'color.text.subtle': 'var(--ds-text-subtle)';
readonly 'color.link': 'var(--ds-link)';
readonly 'color.link.pressed': 'var(--ds-link-pressed)';
readonly 'color.link.visited': 'var(--ds-link-visited)';
};

@@ -1172,9 +1147,9 @@

export interface TextProps extends BasePrimitiveProps {
as?: AsElement;
children: ReactNode;
color?: TextColor;
id?: string;
shouldTruncate?: boolean;
textAlign?: TextAlign;
variant?: Variant;
as?: AsElement;
children: ReactNode;
color?: TextColor;
id?: string;
shouldTruncate?: boolean;
textAlign?: TextAlign;
variant?: Variant;
}

@@ -1184,89 +1159,89 @@

type TokenisedProps = {
backgroundColor?: BackgroundColor;
blockSize?: AutoComplete<Dimension>;
borderBlockColor?: AutoComplete<BorderColor>;
borderBlockEndColor?: AutoComplete<BorderColor>;
borderBlockEndWidth?: AutoComplete<BorderWidth>;
borderBlockStartColor?: AutoComplete<BorderColor>;
borderBlockStartWidth?: AutoComplete<BorderWidth>;
borderBlockWidth?: AutoComplete<BorderWidth>;
borderBottomColor?: AutoComplete<BorderColor>;
borderBottomLeftRadius?: AutoComplete<BorderRadius>;
borderBottomRightRadius?: AutoComplete<BorderRadius>;
borderBottomWidth?: AutoComplete<BorderWidth>;
borderColor?: BorderColor;
borderEndEndRadius?: AutoComplete<BorderRadius>;
borderEndStartRadius?: AutoComplete<BorderRadius>;
borderInlineColor?: AutoComplete<BorderColor>;
borderInlineEndColor?: AutoComplete<BorderColor>;
borderInlineEndWidth?: AutoComplete<BorderWidth>;
borderInlineStartColor?: AutoComplete<BorderColor>;
borderInlineStartWidth?: AutoComplete<BorderWidth>;
borderInlineWidth?: AutoComplete<BorderWidth>;
borderLeftColor?: AutoComplete<BorderColor>;
borderLeftWidth?: AutoComplete<BorderWidth>;
borderRadius?: BorderRadius;
borderRightColor?: AutoComplete<BorderColor>;
borderRightWidth?: AutoComplete<BorderWidth>;
borderStartEndRadius?: AutoComplete<BorderRadius>;
borderStartStartRadius?: AutoComplete<BorderRadius>;
borderTopColor?: AutoComplete<BorderColor>;
borderTopLeftRadius?: AutoComplete<BorderRadius>;
borderTopRightRadius?: AutoComplete<BorderRadius>;
borderTopWidth?: AutoComplete<BorderWidth>;
borderWidth?: BorderWidth;
bottom?: AutoComplete<Space>;
boxShadow?: Shadow;
color?: TextColor;
columnGap?: Space;
gap?: Space;
height?: AutoComplete<Dimension>;
inlineSize?: AutoComplete<Dimension>;
inset?: Space;
insetBlock?: Space;
insetBlockEnd?: Space;
insetBlockStart?: Space;
insetInline?: Space;
insetInlineEnd?: Space;
insetInlineStart?: Space;
left?: AutoComplete<Space>;
margin?: AutoComplete<MarginSpace>;
marginBlock?: AutoComplete<MarginSpace>;
marginBlockEnd?: AutoComplete<MarginSpace>;
marginBlockStart?: AutoComplete<MarginSpace>;
marginBottom?: AutoComplete<MarginSpace>;
marginInline?: AutoComplete<MarginSpace>;
marginInlineEnd?: AutoComplete<MarginSpace>;
marginInlineStart?: AutoComplete<MarginSpace>;
marginLeft?: AutoComplete<MarginSpace>;
marginRight?: AutoComplete<MarginSpace>;
marginTop?: AutoComplete<MarginSpace>;
maxBlockSize?: AutoComplete<Dimension>;
maxHeight?: AutoComplete<Dimension>;
maxInlineSize?: AutoComplete<Dimension>;
maxWidth?: AutoComplete<Dimension>;
minBlockSize?: AutoComplete<Dimension>;
minHeight?: AutoComplete<Dimension>;
minInlineSize?: AutoComplete<Dimension>;
minWidth?: AutoComplete<Dimension>;
opacity?: AutoComplete<Opacity> | number;
outlineColor?: BorderColor;
outlineOffset?: Space;
outlineWidth?: BorderWidth;
padding?: Space;
paddingBlock?: Space;
paddingBlockEnd?: Space;
paddingBlockStart?: Space;
paddingBottom?: AutoComplete<Space>;
paddingInline?: Space;
paddingInlineEnd?: Space;
paddingInlineStart?: Space;
paddingLeft?: AutoComplete<Space>;
paddingRight?: AutoComplete<Space>;
paddingTop?: AutoComplete<Space>;
right?: AutoComplete<Space>;
rowGap?: Space;
top?: AutoComplete<Space>;
width?: AutoComplete<Dimension>;
zIndex?: Layer;
backgroundColor?: BackgroundColor;
blockSize?: AutoComplete<Dimension>;
borderBlockColor?: AutoComplete<BorderColor>;
borderBlockEndColor?: AutoComplete<BorderColor>;
borderBlockEndWidth?: AutoComplete<BorderWidth>;
borderBlockStartColor?: AutoComplete<BorderColor>;
borderBlockStartWidth?: AutoComplete<BorderWidth>;
borderBlockWidth?: AutoComplete<BorderWidth>;
borderBottomColor?: AutoComplete<BorderColor>;
borderBottomLeftRadius?: AutoComplete<BorderRadius>;
borderBottomRightRadius?: AutoComplete<BorderRadius>;
borderBottomWidth?: AutoComplete<BorderWidth>;
borderColor?: BorderColor;
borderEndEndRadius?: AutoComplete<BorderRadius>;
borderEndStartRadius?: AutoComplete<BorderRadius>;
borderInlineColor?: AutoComplete<BorderColor>;
borderInlineEndColor?: AutoComplete<BorderColor>;
borderInlineEndWidth?: AutoComplete<BorderWidth>;
borderInlineStartColor?: AutoComplete<BorderColor>;
borderInlineStartWidth?: AutoComplete<BorderWidth>;
borderInlineWidth?: AutoComplete<BorderWidth>;
borderLeftColor?: AutoComplete<BorderColor>;
borderLeftWidth?: AutoComplete<BorderWidth>;
borderRadius?: BorderRadius;
borderRightColor?: AutoComplete<BorderColor>;
borderRightWidth?: AutoComplete<BorderWidth>;
borderStartEndRadius?: AutoComplete<BorderRadius>;
borderStartStartRadius?: AutoComplete<BorderRadius>;
borderTopColor?: AutoComplete<BorderColor>;
borderTopLeftRadius?: AutoComplete<BorderRadius>;
borderTopRightRadius?: AutoComplete<BorderRadius>;
borderTopWidth?: AutoComplete<BorderWidth>;
borderWidth?: BorderWidth;
bottom?: AutoComplete<Space>;
boxShadow?: Shadow;
color?: TextColor;
columnGap?: Space;
gap?: Space;
height?: AutoComplete<Dimension>;
inlineSize?: AutoComplete<Dimension>;
inset?: Space;
insetBlock?: Space;
insetBlockEnd?: Space;
insetBlockStart?: Space;
insetInline?: Space;
insetInlineEnd?: Space;
insetInlineStart?: Space;
left?: AutoComplete<Space>;
margin?: AutoComplete<MarginSpace>;
marginBlock?: AutoComplete<MarginSpace>;
marginBlockEnd?: AutoComplete<MarginSpace>;
marginBlockStart?: AutoComplete<MarginSpace>;
marginBottom?: AutoComplete<MarginSpace>;
marginInline?: AutoComplete<MarginSpace>;
marginInlineEnd?: AutoComplete<MarginSpace>;
marginInlineStart?: AutoComplete<MarginSpace>;
marginLeft?: AutoComplete<MarginSpace>;
marginRight?: AutoComplete<MarginSpace>;
marginTop?: AutoComplete<MarginSpace>;
maxBlockSize?: AutoComplete<Dimension>;
maxHeight?: AutoComplete<Dimension>;
maxInlineSize?: AutoComplete<Dimension>;
maxWidth?: AutoComplete<Dimension>;
minBlockSize?: AutoComplete<Dimension>;
minHeight?: AutoComplete<Dimension>;
minInlineSize?: AutoComplete<Dimension>;
minWidth?: AutoComplete<Dimension>;
opacity?: AutoComplete<Opacity> | number;
outlineColor?: BorderColor;
outlineOffset?: Space;
outlineWidth?: BorderWidth;
padding?: Space;
paddingBlock?: Space;
paddingBlockEnd?: Space;
paddingBlockStart?: Space;
paddingBottom?: AutoComplete<Space>;
paddingInline?: Space;
paddingInlineEnd?: Space;
paddingInlineStart?: Space;
paddingLeft?: AutoComplete<Space>;
paddingRight?: AutoComplete<Space>;
paddingTop?: AutoComplete<Space>;
right?: AutoComplete<Space>;
rowGap?: Space;
top?: AutoComplete<Space>;
width?: AutoComplete<Dimension>;
zIndex?: Layer;
};

@@ -1279,4 +1254,4 @@

const uiTextMap: {
ui: 'var(--ds-font-ui)';
'ui.small': 'var(--ds-font-ui-small)';
ui: 'var(--ds-font-ui)';
'ui.small': 'var(--ds-font-ui-small)';
};

@@ -1289,38 +1264,38 @@

export const UNSAFE_BREAKPOINTS_CONFIG: {
readonly xxs: {
readonly gridItemGutter: 'var(--ds-space-200)';
readonly gridMargin: 'var(--ds-space-200)';
readonly min: '0rem';
readonly max: '29.99rem';
};
readonly xs: {
readonly gridItemGutter: 'var(--ds-space-200)';
readonly gridMargin: 'var(--ds-space-200)';
readonly min: '30rem';
readonly max: '47.99rem';
};
readonly sm: {
readonly gridItemGutter: 'var(--ds-space-200)';
readonly gridMargin: 'var(--ds-space-300)';
readonly min: '48rem';
readonly max: '63.99rem';
};
readonly md: {
readonly gridItemGutter: 'var(--ds-space-300)';
readonly gridMargin: 'var(--ds-space-400)';
readonly min: '64rem';
readonly max: '89.99rem';
};
readonly lg: {
readonly gridItemGutter: 'var(--ds-space-400)';
readonly gridMargin: 'var(--ds-space-400)';
readonly min: '90rem';
readonly max: '109.99rem';
};
readonly xl: {
readonly gridItemGutter: 'var(--ds-space-400)';
readonly gridMargin: 'var(--ds-space-500)';
readonly min: '110rem';
readonly max: null;
};
readonly xxs: {
readonly gridItemGutter: 'var(--ds-space-200)';
readonly gridMargin: 'var(--ds-space-200)';
readonly min: '0rem';
readonly max: '29.99rem';
};
readonly xs: {
readonly gridItemGutter: 'var(--ds-space-200)';
readonly gridMargin: 'var(--ds-space-200)';
readonly min: '30rem';
readonly max: '47.99rem';
};
readonly sm: {
readonly gridItemGutter: 'var(--ds-space-200)';
readonly gridMargin: 'var(--ds-space-300)';
readonly min: '48rem';
readonly max: '63.99rem';
};
readonly md: {
readonly gridItemGutter: 'var(--ds-space-300)';
readonly gridMargin: 'var(--ds-space-400)';
readonly min: '64rem';
readonly max: '89.99rem';
};
readonly lg: {
readonly gridItemGutter: 'var(--ds-space-400)';
readonly gridMargin: 'var(--ds-space-400)';
readonly min: '90rem';
readonly max: '109.99rem';
};
readonly xl: {
readonly gridItemGutter: 'var(--ds-space-400)';
readonly gridMargin: 'var(--ds-space-500)';
readonly min: '110rem';
readonly max: null;
};
};

@@ -1330,25 +1305,25 @@

export const UNSAFE_media: {
above: {
readonly xxs: '@media all';
readonly xs: '@media (min-width: 30rem)';
readonly sm: '@media (min-width: 48rem)';
readonly md: '@media (min-width: 64rem)';
readonly lg: '@media (min-width: 90rem)';
readonly xl: '@media (min-width: 110rem)';
};
below: {
readonly xs: '@media not all and (min-width: 30rem)';
readonly sm: '@media not all and (min-width: 48rem)';
readonly md: '@media not all and (min-width: 64rem)';
readonly lg: '@media not all and (min-width: 90rem)';
readonly xl: '@media not all and (min-width: 110rem)';
};
only: {
readonly xxs: '@media (min-width: 0rem) and (max-width: 29.99rem)';
readonly xs: '@media (min-width: 30rem) and (max-width: 47.99rem)';
readonly sm: '@media (min-width: 48rem) and (max-width: 63.99rem)';
readonly md: '@media (min-width: 64rem) and (max-width: 89.99rem)';
readonly lg: '@media (min-width: 90rem) and (max-width: 109.99rem)';
readonly xl: '@media (min-width: 110rem)';
};
above: {
readonly xxs: '@media all';
readonly xs: '@media (min-width: 30rem)';
readonly sm: '@media (min-width: 48rem)';
readonly md: '@media (min-width: 64rem)';
readonly lg: '@media (min-width: 90rem)';
readonly xl: '@media (min-width: 110rem)';
};
below: {
readonly xs: '@media not all and (min-width: 30rem)';
readonly sm: '@media not all and (min-width: 48rem)';
readonly md: '@media not all and (min-width: 64rem)';
readonly lg: '@media not all and (min-width: 90rem)';
readonly xl: '@media not all and (min-width: 110rem)';
};
only: {
readonly xxs: '@media (min-width: 0rem) and (max-width: 29.99rem)';
readonly xs: '@media (min-width: 30rem) and (max-width: 47.99rem)';
readonly sm: '@media (min-width: 48rem) and (max-width: 63.99rem)';
readonly md: '@media (min-width: 64rem) and (max-width: 89.99rem)';
readonly lg: '@media (min-width: 90rem) and (max-width: 109.99rem)';
readonly xl: '@media (min-width: 110rem)';
};
};

@@ -1367,3 +1342,3 @@

export function xcss(style: SafeCSSObject): {
readonly [uniqueSymbol]: SerializedStyles;
readonly [uniqueSymbol]: SerializedStyles;
};

@@ -1382,3 +1357,3 @@

{
"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
}

@@ -1385,0 +1360,0 @@ ```

constellation/anchor/code.mdx

Sorry, the diff of this file is not supported yet

constellation/anchor/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/anchor/usage.mdx

Sorry, the diff of this file is not supported yet

constellation/bleed/code.mdx

Sorry, the diff of this file is not supported yet

constellation/bleed/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/box/code.mdx

Sorry, the diff of this file is not supported yet

constellation/box/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/box/usage.mdx

Sorry, the diff of this file is not supported yet

constellation/flex/code.mdx

Sorry, the diff of this file is not supported yet

constellation/flex/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/grid/code.mdx

Sorry, the diff of this file is not supported yet

constellation/grid/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/inline/code.mdx

Sorry, the diff of this file is not supported yet

constellation/inline/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/inline/usage.mdx

Sorry, the diff of this file is not supported yet

constellation/overview/index.mdx

Sorry, the diff of this file is not supported yet

constellation/pressable/code.mdx

Sorry, the diff of this file is not supported yet

constellation/pressable/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/pressable/usage.mdx

Sorry, the diff of this file is not supported yet

constellation/responsive/01-show/code.mdx

Sorry, the diff of this file is not supported yet

constellation/responsive/01-show/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/responsive/02-hide/code.mdx

Sorry, the diff of this file is not supported yet

constellation/responsive/02-hide/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/responsive/03-breakpoints/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/responsive/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/responsive/usage.mdx

Sorry, the diff of this file is not supported yet

constellation/stack/code.mdx

Sorry, the diff of this file is not supported yet

constellation/stack/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/stack/usage.mdx

Sorry, the diff of this file is not supported yet

constellation/text/code.mdx

Sorry, the diff of this file is not supported yet

constellation/text/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/text/usage.mdx

Sorry, the diff of this file is not supported yet

constellation/xcss/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/xcss/migration.mdx

Sorry, the diff of this file is not supported yet

constellation/xcss/usage.mdx

Sorry, the diff of this file is not supported yet

extract-react-types/anchor-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/bleed-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/box-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/flex-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/grid-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/hide-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/inline-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/pressable-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/show-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/stack-props.tsx

Sorry, the diff of this file is not supported yet

scripts/border-codegen-template.tsx

Sorry, the diff of this file is not supported yet

scripts/codegen-file-templates/dimensions.tsx

Sorry, the diff of this file is not supported yet

scripts/codegen-file-templates/layer.tsx

Sorry, the diff of this file is not supported yet

scripts/codegen-styles.tsx

Sorry, the diff of this file is not supported yet

scripts/color-codegen-template.tsx

Sorry, the diff of this file is not supported yet

scripts/elevation-codegen-template.tsx

Sorry, the diff of this file is not supported yet

scripts/inverse-color-map-template.tsx

Sorry, the diff of this file is not supported yet

scripts/misc-codegen-template.tsx

Sorry, the diff of this file is not supported yet

scripts/spacing-codegen-template.tsx

Sorry, the diff of this file is not supported yet

scripts/typography-codegen-template.tsx

Sorry, the diff of this file is not supported yet

scripts/utils.tsx

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc