@times-design-system/components-react 1.1.0 → 1.1.2-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -2
- package/dist/AdContainer/{AdContainer.cjs.js → AdContainer.cjs} +4 -4
- package/dist/AdContainer/AdContainer.cjs.map +1 -0
- package/dist/Button/{Button.cjs.js → Button.cjs} +6 -6
- package/dist/Button/Button.cjs.map +1 -0
- package/dist/Button/{ButtonContainer.cjs.js → ButtonContainer.cjs} +5 -5
- package/dist/Button/ButtonContainer.cjs.map +1 -0
- package/dist/Chip/{Chip.cjs.js → Chip.cjs} +5 -5
- package/dist/Chip/Chip.cjs.map +1 -0
- package/dist/Divider/{Divider.cjs.js → Divider.cjs} +4 -4
- package/dist/Divider/Divider.cjs.map +1 -0
- package/dist/Flag/{Flag.cjs.js → Flag.cjs} +5 -5
- package/dist/Flag/Flag.cjs.map +1 -0
- package/dist/Icon/{Icon.cjs.js → Icon.cjs} +2 -2
- package/dist/Icon/{Icon.cjs.js.map → Icon.cjs.map} +1 -1
- package/dist/IconButton/{IconButton.cjs.js → IconButton.cjs} +6 -6
- package/dist/IconButton/IconButton.cjs.map +1 -0
- package/dist/Input/{Input.cjs.js → Input.cjs} +3 -3
- package/dist/Input/Input.cjs.map +1 -0
- package/dist/Link/{Link.cjs.js → Link.cjs} +5 -5
- package/dist/Link/Link.cjs.map +1 -0
- package/dist/Text/{Text.cjs.js → Text.cjs} +3 -3
- package/dist/Text/Text.cjs.map +1 -0
- package/dist/Toast/{Toast.cjs.js → Toast.cjs} +5 -5
- package/dist/Toast/Toast.cjs.map +1 -0
- package/dist/index.cjs +34 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.js +0 -2
- package/dist/index.js.map +1 -1
- package/dist/shared/{_rollupPluginBabelHelpers-xUOatjtv.cjs.js → _rollupPluginBabelHelpers-xUOatjtv.cjs} +1 -1
- package/dist/shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.map +1 -0
- package/dist/shared/{cn-CPfjOlzZ.cjs.js → cn-CPfjOlzZ.cjs} +1 -1
- package/dist/shared/cn-CPfjOlzZ.cjs.map +1 -0
- package/dist/shared/{style-inject.es-DnsWrQaj.cjs.js → style-inject.es-DnsWrQaj.cjs} +1 -1
- package/dist/shared/style-inject.es-DnsWrQaj.cjs.map +1 -0
- package/dist/styles.css +63 -142
- package/dist/utils/{hooks.cjs.js → hooks.cjs} +1 -1
- package/dist/utils/hooks.cjs.map +1 -0
- package/package.json +15 -25
- package/dist/AdContainer/AdContainer.cjs.js.map +0 -1
- package/dist/Article/ArticleMetaContainer/ArticleMetaContainer.d.ts +0 -8
- package/dist/Article/UpNextArticles/UpNextArticles.d.ts +0 -13
- package/dist/Article/UpNextArticles.cjs.js +0 -63
- package/dist/Article/UpNextArticles.cjs.js.map +0 -1
- package/dist/Article/UpNextArticles.js +0 -61
- package/dist/Article/UpNextArticles.js.map +0 -1
- package/dist/Button/Button.cjs.js.map +0 -1
- package/dist/Button/ButtonContainer.cjs.js.map +0 -1
- package/dist/Chip/Chip.cjs.js.map +0 -1
- package/dist/CommentsDisabled/CommentsDisabled.cjs.js +0 -47
- package/dist/CommentsDisabled/CommentsDisabled.cjs.js.map +0 -1
- package/dist/CommentsDisabled/CommentsDisabled.d.ts +0 -10
- package/dist/CommentsDisabled/CommentsDisabled.js +0 -45
- package/dist/CommentsDisabled/CommentsDisabled.js.map +0 -1
- package/dist/Divider/Divider.cjs.js.map +0 -1
- package/dist/Flag/Flag.cjs.js.map +0 -1
- package/dist/IconButton/IconButton.cjs.js.map +0 -1
- package/dist/Input/Input.cjs.js.map +0 -1
- package/dist/Link/Link.cjs.js.map +0 -1
- package/dist/Text/Text.cjs.js.map +0 -1
- package/dist/Toast/Toast.cjs.js.map +0 -1
- package/dist/index.cjs.js +0 -38
- package/dist/index.cjs.js.map +0 -1
- package/dist/shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js.map +0 -1
- package/dist/shared/cn-CPfjOlzZ.cjs.js.map +0 -1
- package/dist/shared/style-inject.es-DnsWrQaj.cjs.js.map +0 -1
- package/dist/utils/hooks.cjs.js.map +0 -1
package/README.md
CHANGED
|
@@ -53,7 +53,6 @@ import { IconButton } from '@times-design-system/components-react/IconButton';
|
|
|
53
53
|
- **Icon** - Icon rendering with design system icon library
|
|
54
54
|
- **AdContainer** - Container for ad placement
|
|
55
55
|
- **CommentsDisabled** - Comments disabled state component
|
|
56
|
-
- **Article** - Article-specific components (UpNextArticles)
|
|
57
56
|
|
|
58
57
|
## Component Examples
|
|
59
58
|
|
|
@@ -230,7 +229,7 @@ npm run test
|
|
|
230
229
|
The package uses modern module resolution:
|
|
231
230
|
|
|
232
231
|
- **ES Modules**: `dist/Component/Component.js`
|
|
233
|
-
- **CommonJS**: `dist/Component/Component.cjs
|
|
232
|
+
- **CommonJS**: `dist/Component/Component.cjs`
|
|
234
233
|
- **Type Definitions**: `dist/Component/Component.d.ts`
|
|
235
234
|
- **Shared Dependencies**: `dist/shared/*` (deduplicated code)
|
|
236
235
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var Text_Text = require('../Text/Text.cjs
|
|
5
|
-
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs
|
|
6
|
-
require('../shared/cn-CPfjOlzZ.cjs
|
|
4
|
+
var Text_Text = require('../Text/Text.cjs');
|
|
5
|
+
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
|
|
6
|
+
require('../shared/cn-CPfjOlzZ.cjs');
|
|
7
7
|
|
|
8
8
|
var css_248z = ".ad-inline-container{border-bottom:var(--spacing-01) solid #4e4e4e;box-sizing:content-box;clear:both;margin:var(--spacing-10) 0;min-height:283px;padding:0 0 var(--spacing-05);width:100%}@media (min-width:768px) and (max-width:1023px){.ad-inline-container{min-height:123px}}.ad-inline-container .ad-label{border-bottom:var(--spacing-01) solid #4e4e4e;color:#ccc;display:block;flex:1 1 100%;font:var(--fontSize020,14px)/var(--fontLineHeight010,1.125) TimesDigitalW04-Regular,TimesDigitalW04-Regular-fallback,serif;letter-spacing:.6px;margin:0 0 var(--spacing-05);padding:0 0 var(--spacing-03);text-align:center;text-transform:uppercase}.ad-header{border-color:var(--wp--preset--color--grey,#dbdbdb);border-style:solid;border-width:0 0 var(--spacing-01);display:flex;flex-direction:column;margin-left:0!important;margin-right:0!important;max-width:100%;padding-block:var(--spacing-05) var(--spacing-05)}.ad-header-wrapper{align-items:center;display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;margin-bottom:0;min-height:50px}@media (min-width:768px){.ad-header-wrapper{min-height:90px}}@media (min-width:1024px){.ad-header-wrapper{min-height:250px}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBT0UsNkNBQXNELENBRnRELHNCQUF1QixDQUp2QixVQUFXLENBR1gsMEJBQTJCLENBRDNCLGdCQUFpQixDQUdqQiw2QkFBOEIsQ0FKOUIsVUFNRixDQUNBLGdEQUNFLHFCQUNFLGdCQUNGLENBQ0YsQ0FFQSwrQkFDRSw2Q0FBc0QsQ0FDdEQsVUFBeUIsQ0FRekIsYUFBYyxDQVBkLGFBQWMsQ0FDZCwwSEFBbUksQ0FDbkksbUJBQXFCLENBQ3JCLDRCQUE2QixDQUM3Qiw2QkFBOEIsQ0FDOUIsaUJBQWtCLENBQ2xCLHdCQUVGLENBRUEsV0FRRSxtREFBcUQsQ0FEckQsa0JBQW1CLENBRG5CLGtDQUFtQyxDQUxuQyxZQUFhLENBUWIscUJBQXNCLENBTnRCLHVCQUF5QixDQUN6Qix3QkFBMEIsQ0FDMUIsY0FBZSxDQUhmLGlEQVFGLENBQ0EsbUJBRUUsa0JBQW1CLENBRW5CLFlBQWEsQ0FEYixXQUFZLENBRVoscUJBQXNCLENBQ3RCLHNCQUF1QixDQUN2QixlQUFnQixDQU5oQixlQU9GLENBQ0EseUJBQ0UsbUJBQ0UsZUFDRixDQUNGLENBQ0EsMEJBQ0UsbUJBQ0UsZ0JBQ0YsQ0FDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmFkLWlubGluZS1jb250YWluZXIge1xuICBjbGVhcjogYm90aDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDI4M3B4O1xuICBtYXJnaW46IHZhcigtLXNwYWNpbmctMTApIDA7XG4gIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICBwYWRkaW5nOiAwIDAgdmFyKC0tc3BhY2luZy0wNSk7XG4gIGJvcmRlci1ib3R0b206IHZhcigtLXNwYWNpbmctMDEpIHNvbGlkIHJnYig3OCwgNzgsIDc4KTtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkgYW5kIChtYXgtd2lkdGg6IDEwMjNweCkge1xuICAuYWQtaW5saW5lLWNvbnRhaW5lciB7XG4gICAgbWluLWhlaWdodDogMTIzcHg7XG4gIH1cbn1cblxuLmFkLWlubGluZS1jb250YWluZXIgLmFkLWxhYmVsIHtcbiAgYm9yZGVyLWJvdHRvbTogdmFyKC0tc3BhY2luZy0wMSkgc29saWQgcmdiKDc4LCA3OCwgNzgpO1xuICBjb2xvcjogcmdiKDIwNCwgMjA0LCAyMDQpO1xuICBmbGV4OiAxIDEgMTAwJTtcbiAgZm9udDogdmFyKC0tZm9udFNpemUwMjAsIDE0cHgpL3ZhcigtLWZvbnRMaW5lSGVpZ2h0MDEwLCAxLjEyNSkgXCJUaW1lc0RpZ2l0YWxXMDQtUmVndWxhclwiLCBcIlRpbWVzRGlnaXRhbFcwNC1SZWd1bGFyLWZhbGxiYWNrXCIsIHNlcmlmO1xuICBsZXR0ZXItc3BhY2luZzogMC42cHg7XG4gIG1hcmdpbjogMCAwIHZhcigtLXNwYWNpbmctMDUpO1xuICBwYWRkaW5nOiAwIDAgdmFyKC0tc3BhY2luZy0wMyk7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5hZC1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zcGFjaW5nLTA1KSB2YXIoLS1zcGFjaW5nLTA1KTtcbiAgbWFyZ2luLWxlZnQ6IDAgIWltcG9ydGFudDtcbiAgbWFyZ2luLXJpZ2h0OiAwICFpbXBvcnRhbnQ7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYm9yZGVyLXdpZHRoOiAwIDAgdmFyKC0tc3BhY2luZy0wMSk7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0td3AtLXByZXNldC0tY29sb3ItLWdyZXksICNkYmRiZGIpO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuLmFkLWhlYWRlci13cmFwcGVyIHtcbiAgbWluLWhlaWdodDogNTBweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleDogMSAxIDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiA3NjhweCkge1xuICAuYWQtaGVhZGVyLXdyYXBwZXIge1xuICAgIG1pbi1oZWlnaHQ6IDkwcHg7XG4gIH1cbn1cbkBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLmFkLWhlYWRlci13cmFwcGVyIHtcbiAgICBtaW4taGVpZ2h0OiAyNTBweDtcbiAgfVxufVxuIl19 */";
|
|
9
9
|
styleInject_es.styleInject(css_248z);
|
|
@@ -27,4 +27,4 @@ var AdContainer = function AdContainer(_ref) {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
exports.AdContainer = AdContainer;
|
|
30
|
-
//# sourceMappingURL=AdContainer.cjs.
|
|
30
|
+
//# sourceMappingURL=AdContainer.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdContainer.cjs","sources":["../../src/AdContainer/AdContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '../Text/Text';\nimport './styles.css';\n\ninterface AdContainerProps {\n type?: 'header' | 'inline';\n slotID?: string;\n}\n\n/** Primary AdContainer UI component for user interaction */\n\nexport const AdContainer: React.FC<AdContainerProps> = ({\n type = 'inline',\n slotID\n}) => {\n return (\n <div\n className={`ad-${type}-container`}\n data-testid={`ad-${type}-container`}\n >\n {type === 'inline' && (\n <Text as=\"span\" classes=\"ad-label\">\n Advertisement\n </Text>\n )}\n <div className={`ad-${type}-wrapper`}>\n <div id={type === 'header' ? 'ad-header' : slotID}></div>\n </div>\n </div>\n );\n};\n"],"names":["AdContainer","_ref","_ref$type","type","slotID","React","createElement","className","concat","Text","as","classes","id"],"mappings":";;;;;;;;;;AASA;IAEaA,WAAW,GAA+B,SAA1CA,WAAWA,CAAAC,IAAA,EAGnB;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAFHE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;IACfE,MAAM,GAAAH,IAAA,CAANG,MAAM;AAEN,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAA,KAAA,CAAAC,MAAA,CAAQL,IAAI,EAAA,YAAA,CAAY;IAAA,aAAA,EAAA,KAAA,CAAAK,MAAA,CACdL,IAAI,EAAA,YAAA;GAAY,EAElCA,IAAI,KAAK,QAAQ,kBAChBE,oBAACI,cAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC;qBAEjB,CACR,eACDN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAA,KAAA,CAAAC,MAAA,CAAQL,IAAI,EAAA,UAAA;AAAU,GAAA,eAClCE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKM,IAAAA,EAAE,EAAET,IAAI,KAAK,QAAQ,GAAG,WAAW,GAAGC;IAAc,CACrD,CACF;AAEV;;;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var Button_ButtonContainer = require('./ButtonContainer.cjs
|
|
5
|
-
var Icon_Icon = require('../Icon/Icon.cjs
|
|
6
|
-
var cn = require('../shared/cn-CPfjOlzZ.cjs
|
|
7
|
-
require('../shared/style-inject.es-DnsWrQaj.cjs
|
|
8
|
-
require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs
|
|
4
|
+
var Button_ButtonContainer = require('./ButtonContainer.cjs');
|
|
5
|
+
var Icon_Icon = require('../Icon/Icon.cjs');
|
|
6
|
+
var cn = require('../shared/cn-CPfjOlzZ.cjs');
|
|
7
|
+
require('../shared/style-inject.es-DnsWrQaj.cjs');
|
|
8
|
+
require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
|
|
9
9
|
|
|
10
10
|
/** Primary UI component for user interaction */
|
|
11
11
|
var Button = function Button(_ref) {
|
|
@@ -63,4 +63,4 @@ var Button = function Button(_ref) {
|
|
|
63
63
|
};
|
|
64
64
|
|
|
65
65
|
exports.Button = Button;
|
|
66
|
-
//# sourceMappingURL=Button.cjs.
|
|
66
|
+
//# sourceMappingURL=Button.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.cjs","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport './styles.css';\nimport { IconName } from '@times-design-system/icons';\nimport { Icon } from '../Icon/Icon';\nimport { ButtonContainer, ButtonContainerProps } from './ButtonContainer';\nimport { cn } from '../utils/cn';\n\nexport interface ButtonProps extends ButtonContainerProps {\n /** The text label displayed inside the button */\n label?: string;\n /** Show an icon on the left side of the label */\n iconLeft?: IconName;\n /** Show an icon on the right side of the label */\n iconRight?: IconName;\n}\n\n/** Primary UI component for user interaction */\nexport const Button: React.FC<ButtonProps> = ({\n behaviour = 'hug',\n iconLeft,\n iconRight,\n intent = 'primary',\n label = 'Button label',\n size = 'large',\n state = 'base',\n disabled = false,\n children,\n className,\n type = 'button',\n href,\n target,\n rel,\n onClick\n}) => {\n const resolvedLabel = children ?? label;\n\n const buttonContent = (\n <>\n {iconLeft && (\n <span className=\"tds-button__icon\" aria-hidden=\"true\">\n <Icon iconName={iconLeft} />\n </span>\n )}\n\n {\n <span className=\"tds-button__label-container\">\n <span className=\"tds-button__label\">{resolvedLabel}</span>\n </span>\n }\n\n {iconRight && (\n <span className=\"tds-button__icon\" aria-hidden=\"true\">\n <Icon iconName={iconRight} />\n </span>\n )}\n </>\n );\n\n return (\n <ButtonContainer\n behaviour={behaviour}\n intent={intent}\n size={size}\n state={state}\n disabled={disabled}\n href={href}\n target={target}\n rel={rel}\n className={cn(`tds-button--size-${size}`, className)}\n type={type}\n onClick={onClick}\n >\n {buttonContent}\n </ButtonContainer>\n );\n};\n"],"names":["Button","_ref","_ref$behaviour","behaviour","iconLeft","iconRight","_ref$intent","intent","_ref$label","label","_ref$size","size","_ref$state","state","_ref$disabled","disabled","children","className","_ref$type","type","href","target","rel","onClick","resolvedLabel","buttonContent","React","createElement","Fragment","Icon","iconName","ButtonContainer","cn","concat"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var cn = require('../shared/cn-CPfjOlzZ.cjs
|
|
5
|
-
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs
|
|
6
|
-
var Icon_Icon = require('../Icon/Icon.cjs
|
|
7
|
-
require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs
|
|
4
|
+
var cn = require('../shared/cn-CPfjOlzZ.cjs');
|
|
5
|
+
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
|
|
6
|
+
var Icon_Icon = require('../Icon/Icon.cjs');
|
|
7
|
+
require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
|
|
8
8
|
|
|
9
9
|
var css_248z = ".tds-button{--tds-button-bg:var(--interactive-primary-fill-default,#005c8a);--tds-button-fg:var(--interactive-primary-text-default,#fff);--tds-button-border:transparent;--tds-button-bg-hover:var(--interactive-primary-fill-hover,red);--tds-button-fg-hover:var(--interactive-primary-text-hover,#fff);--tds-button-border-hover:transparent;--tds-button-bg-pressed:var(--interactive-primary-fill-pressed,#00496e);--tds-button-fg-pressed:var(--interactive-primary-text-pressed,#fff);--tds-button-border-pressed:transparent;--tds-button-border-focus:var(--button-border-hover);--tds-button-focus-ring:var(--focus-border,#737373);--tds-button-label-inline-padding:var(--spacing-05);align-items:center;background-color:var(--tds-button-bg);border:1px solid var(--tds-button-border);border-radius:0;color:var(--tds-button-fg);cursor:pointer;display:flex;font-family:var(--fontFamily040,sans-serif);font-weight:var(--fontWeight050,500);gap:var(--spacing-03);justify-content:center;line-height:var(--fontLineHeight010,1);position:relative;text-decoration:none;transition:.15s ease;white-space:nowrap}.tds-button:hover:not(:disabled){background-color:var(--tds-button-bg-hover);border-color:var(--tds-button-border-hover);color:var(--tds-button-fg-hover)}.tds-button:active:not(:disabled){background-color:var(--tds-button-bg-pressed);border-color:var(--tds-button-border-pressed);color:var(--tds-button-fg-pressed)}.tds-button:focus-visible{background-color:var(--tds-button-bg-hover);border-color:var(--tds-button-border-focus);color:var(--tds-button-fg-hover);outline:none}.tds-button:focus-visible:after{border:var(--spacing-01) solid var(--tds-button-focus-ring);content:\"\";inset:calc(var(--spacing-03)*-1);pointer-events:none;position:absolute}.tds-button--loading{cursor:wait;gap:0}.tds-button--intent-primary{--tds-button-bg:var(--interactive-primary-fill-default,#005c8a);--tds-button-fg:var(--interactive-primary-text-default,#fff);--tds-button-border:transparent;--tds-button-bg-hover:var(--interactive-primary-fill-hover,red);--tds-button-fg-hover:var(--interactive-primary-text-hover,#fff);--tds-button-border-hover:transparent;--tds-button-bg-pressed:var(--interactive-primary-fill-pressed,#00496e);--tds-button-fg-pressed:var(--interactive-primary-text-pressed,#fff);--tds-button-border-pressed:transparent}.tds-button--intent-secondary{--tds-button-bg:var(--interactive-secondary-fill-default,#fff);--tds-button-fg:var(--interactive-secondary-text-default,#1a1a1a);--tds-button-border:var(--interactive-secondary-border-default,#8c8c8c);--tds-button-bg-hover:var(--interactive-secondary-fill-hover,#d9d9d9);--tds-button-fg-hover:var(--interactive-secondary-text-hover,#161616);--tds-button-border-hover:var(--interactive-secondary-border-hover,#777);--tds-button-bg-pressed:var(--interactive-secondary-fill-pressed,#ccc);--tds-button-fg-pressed:var(--interactive-secondary-text-pressed,#151515);--tds-button-border-pressed:var(--interactive-secondary-border-pressed,#707070);--tds-button-border-focus:var(--interactive-secondary-border-default,#8c8c8c)}.tds-button--intent-negative{--tds-button-bg:var(--interactive-negative-fill-default,#fff);--tds-button-fg:var(--interactive-negative-text-default,#cb0705);--tds-button-border:var(--interactive-negative-border-default,#cb0705);--tds-button-bg-hover:var(--interactive-negative-fill-hover,#d9d9d9);--tds-button-fg-hover:var(--interactive-negative-text-hover,#ad0604);--tds-button-border-hover:var(--interactive-negative-border-hover,#ad0604);--tds-button-bg-pressed:var(--interactive-negative-fill-pressed,#ccc);--tds-button-fg-pressed:var(--interactive-negative-text-pressed,#a20604);--tds-button-border-pressed:var(--interactive-negative-border-pressed,#a20604)}.tds-button--size-small{--tds-button-label-inline-padding:var(--spacing-03);font-size:var(--fontSize020,.875rem);min-height:var(--spacing-15);min-width:var(--spacing-21);padding:0 var(--spacing-07)}.tds-button--size-medium{font-size:var(--fontSize030,1rem);min-height:var(--spacing-18);min-width:100px;padding:0 var(--spacing-09)}.tds-button--size-large,.tds-button--size-medium{--tds-button-label-inline-padding:var(--spacing-05)}.tds-button--size-large{font-size:var(--fontSize040,1.125rem);min-height:var(--spacing-20);min-width:130px;padding:0 var(--spacing-13)}.tds-button--behaviour-hug{width:fit-content}.tds-button--behaviour-full{width:100%}.tds-button__label-container{padding:0 var(--tds-button-label-inline-padding)}.tds-button__label,.tds-button__label-container{flex:0 0 auto;width:fit-content}.tds-button__icon,.tds-button__label,.tds-button__label-container,.tds-button__spinner{align-items:center;display:inline-flex;justify-content:center}.tds-button--size-small .tds-button__icon,.tds-button--size-small .tds-button__spinner,.tds-icon-button--size-small .tds-button__icon,.tds-icon-button--size-small .tds-button__spinner{height:var(--spacing-11);width:var(--spacing-11)}.tds-button--size-medium .tds-button__icon,.tds-button--size-medium .tds-button__spinner,.tds-icon-button--size-medium .tds-button__icon,.tds-icon-button--size-medium .tds-button__spinner{height:var(--spacing-13);width:var(--spacing-13)}.tds-button--size-large .tds-button__icon,.tds-button--size-large .tds-button__spinner,.tds-icon-button--size-large .tds-button__icon,.tds-icon-button--size-large .tds-button__spinner{height:var(--spacing-14);width:var(--spacing-14)}.tds-button__icon svg{height:100%;width:100%}.tds-button__spinner svg{animation:tds-button-spin 1.8s linear infinite}@keyframes tds-button-spin{0%{transform:rotate(0deg);transform-origin:center}to{transform:rotate(1turn);transform-origin:center}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsWUFDRSwrREFBaUUsQ0FDakUsNERBQWlFLENBQ2pFLCtCQUFnQyxDQUNoQywrREFBaUUsQ0FDakUsZ0VBQXFFLENBQ3JFLHFDQUFzQyxDQUN0Qyx1RUFBeUUsQ0FDekUsb0VBQXlFLENBQ3pFLHVDQUF3QyxDQUN4QyxvREFBcUQsQ0FDckQsbURBQXFELENBQ3JELG1EQUFvRCxDQUlwRCxrQkFBbUIsQ0FLbkIscUNBQXNDLENBRHRDLHlDQUEwQyxDQUQxQyxlQUFnQixDQUdoQiwwQkFBMkIsQ0FJM0IsY0FBZSxDQVhmLFlBQWEsQ0FRYiwyQ0FBNkMsQ0FDN0Msb0NBQXNDLENBTnRDLHFCQUFzQixDQUR0QixzQkFBdUIsQ0FRdkIsc0NBQXdDLENBWHhDLGlCQUFrQixDQWFsQixvQkFBcUIsQ0FFckIsb0JBQXNCLENBRHRCLGtCQUVGLENBRUEsaUNBQ0UsMkNBQTRDLENBQzVDLDJDQUE0QyxDQUM1QyxnQ0FDRixDQUVBLGtDQUNFLDZDQUE4QyxDQUM5Qyw2Q0FBOEMsQ0FDOUMsa0NBQ0YsQ0FFQSwwQkFFRSwyQ0FBNEMsQ0FDNUMsMkNBQTRDLENBQzVDLGdDQUFpQyxDQUhqQyxZQUlGLENBRUEsZ0NBSUUsMkRBQTRELENBSDVELFVBQVcsQ0FFWCxnQ0FBbUMsQ0FFbkMsbUJBQW9CLENBSHBCLGlCQUlGLENBRUEscUJBQ0UsV0FBWSxDQUNaLEtBQ0YsQ0FFQSw0QkFDRSwrREFBaUUsQ0FDakUsNERBQWlFLENBQ2pFLCtCQUFnQyxDQUNoQywrREFBaUUsQ0FDakUsZ0VBQXFFLENBQ3JFLHFDQUFzQyxDQUN0Qyx1RUFBeUUsQ0FDekUsb0VBQXlFLENBQ3pFLHVDQUNGLENBRUEsOEJBQ0UsOERBQW1FLENBQ25FLGlFQUFtRSxDQUNuRSx1RUFBeUUsQ0FDekUscUVBQXVFLENBQ3ZFLHFFQUF1RSxDQUN2RSx3RUFBNkUsQ0FDN0Usc0VBQTJFLENBQzNFLHlFQUEyRSxDQUMzRSwrRUFBaUYsQ0FDakYsNkVBQ0YsQ0FFQSw2QkFDRSw2REFBa0UsQ0FDbEUsZ0VBQWtFLENBQ2xFLHNFQUF3RSxDQUN4RSxvRUFBc0UsQ0FDdEUsb0VBQXNFLENBQ3RFLDBFQUE0RSxDQUM1RSxxRUFBMEUsQ0FDMUUsd0VBQTBFLENBQzFFLDhFQUNGLENBRUEsd0JBS0UsbURBQW9ELENBRHBELG9DQUF1QyxDQUh2Qyw0QkFBNkIsQ0FFN0IsMkJBQTRCLENBRDVCLDJCQUlGLENBRUEseUJBSUUsaUNBQW1DLENBSG5DLDRCQUE2QixDQUM3QixlQUFnQixDQUNoQiwyQkFHRixDQUVBLGlEQUhFLG1EQVNGLENBTkEsd0JBSUUscUNBQXVDLENBSHZDLDRCQUE2QixDQUM3QixlQUFnQixDQUNoQiwyQkFHRixDQUVBLDJCQUNFLGlCQUNGLENBRUEsNEJBQ0UsVUFDRixDQUVBLDZCQU1FLGdEQUNGLENBRUEsZ0RBTEUsYUFBYyxDQUNkLGlCQVVGLENBRUEsdUZBZkUsa0JBQW1CLENBRG5CLG1CQUFvQixDQUVwQixzQkFtQkYsQ0FFQSx3TEFLRSx3QkFBeUIsQ0FEekIsdUJBRUYsQ0FFQSw0TEFLRSx3QkFBeUIsQ0FEekIsdUJBRUYsQ0FFQSx3TEFLRSx3QkFBeUIsQ0FEekIsdUJBRUYsQ0FFQSxzQkFFRSxXQUFZLENBRFosVUFFRixDQUVBLHlCQUNFLDhDQUNGLENBRUEsMkJBQ0UsR0FDRSxzQkFBdUIsQ0FDdkIsdUJBQ0YsQ0FDQSxHQUNFLHVCQUF5QixDQUN6Qix1QkFDRixDQUNGIiwiZmlsZSI6InN0eWxlcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIudGRzLWJ1dHRvbiB7XG4gIC0tdGRzLWJ1dHRvbi1iZzogdmFyKC0taW50ZXJhY3RpdmUtcHJpbWFyeS1maWxsLWRlZmF1bHQsICMwMDVjOGEpO1xuICAtLXRkcy1idXR0b24tZmc6IHZhcigtLWludGVyYWN0aXZlLXByaW1hcnktdGV4dC1kZWZhdWx0LCAjZmZmZmZmKTtcbiAgLS10ZHMtYnV0dG9uLWJvcmRlcjogdHJhbnNwYXJlbnQ7XG4gIC0tdGRzLWJ1dHRvbi1iZy1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtcHJpbWFyeS1maWxsLWhvdmVyLCByZWQpO1xuICAtLXRkcy1idXR0b24tZmctaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLXByaW1hcnktdGV4dC1ob3ZlciwgI2ZmZmZmZik7XG4gIC0tdGRzLWJ1dHRvbi1ib3JkZXItaG92ZXI6IHRyYW5zcGFyZW50O1xuICAtLXRkcy1idXR0b24tYmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtcHJpbWFyeS1maWxsLXByZXNzZWQsICMwMDQ5NmUpO1xuICAtLXRkcy1idXR0b24tZmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtcHJpbWFyeS10ZXh0LXByZXNzZWQsICNmZmZmZmYpO1xuICAtLXRkcy1idXR0b24tYm9yZGVyLXByZXNzZWQ6IHRyYW5zcGFyZW50O1xuICAtLXRkcy1idXR0b24tYm9yZGVyLWZvY3VzOiB2YXIoLS1idXR0b24tYm9yZGVyLWhvdmVyKTtcbiAgLS10ZHMtYnV0dG9uLWZvY3VzLXJpbmc6IHZhcigtLWZvY3VzLWJvcmRlciwgIzczNzM3Myk7XG4gIC0tdGRzLWJ1dHRvbi1sYWJlbC1pbmxpbmUtcGFkZGluZzogdmFyKC0tc3BhY2luZy0wNSk7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zcGFjaW5nLTAzKTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tdGRzLWJ1dHRvbi1ib3JkZXIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10ZHMtYnV0dG9uLWJnKTtcbiAgY29sb3I6IHZhcigtLXRkcy1idXR0b24tZmcpO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udEZhbWlseTA0MCwgc2Fucy1zZXJpZik7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250V2VpZ2h0MDUwLCA1MDApO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZm9udExpbmVIZWlnaHQwMTAsIDEpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNpdGlvbjogMC4xNXMgZWFzZTtcbn1cblxuLnRkcy1idXR0b246aG92ZXI6bm90KDpkaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10ZHMtYnV0dG9uLWJnLWhvdmVyKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZHMtYnV0dG9uLWJvcmRlci1ob3Zlcik7XG4gIGNvbG9yOiB2YXIoLS10ZHMtYnV0dG9uLWZnLWhvdmVyKTtcbn1cblxuLnRkcy1idXR0b246YWN0aXZlOm5vdCg6ZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdGRzLWJ1dHRvbi1iZy1wcmVzc2VkKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZHMtYnV0dG9uLWJvcmRlci1wcmVzc2VkKTtcbiAgY29sb3I6IHZhcigtLXRkcy1idXR0b24tZmctcHJlc3NlZCk7XG59XG5cbi50ZHMtYnV0dG9uOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10ZHMtYnV0dG9uLWJnLWhvdmVyKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZHMtYnV0dG9uLWJvcmRlci1mb2N1cyk7XG4gIGNvbG9yOiB2YXIoLS10ZHMtYnV0dG9uLWZnLWhvdmVyKTtcbn1cblxuLnRkcy1idXR0b246Zm9jdXMtdmlzaWJsZTo6YWZ0ZXIge1xuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogY2FsYyh2YXIoLS1zcGFjaW5nLTAzKSAqIC0xKTtcbiAgYm9yZGVyOiB2YXIoLS1zcGFjaW5nLTAxKSBzb2xpZCB2YXIoLS10ZHMtYnV0dG9uLWZvY3VzLXJpbmcpO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLnRkcy1idXR0b24tLWxvYWRpbmcge1xuICBjdXJzb3I6IHdhaXQ7XG4gIGdhcDogMDtcbn1cblxuLnRkcy1idXR0b24tLWludGVudC1wcmltYXJ5IHtcbiAgLS10ZHMtYnV0dG9uLWJnOiB2YXIoLS1pbnRlcmFjdGl2ZS1wcmltYXJ5LWZpbGwtZGVmYXVsdCwgIzAwNWM4YSk7XG4gIC0tdGRzLWJ1dHRvbi1mZzogdmFyKC0taW50ZXJhY3RpdmUtcHJpbWFyeS10ZXh0LWRlZmF1bHQsICNmZmZmZmYpO1xuICAtLXRkcy1idXR0b24tYm9yZGVyOiB0cmFuc3BhcmVudDtcbiAgLS10ZHMtYnV0dG9uLWJnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1wcmltYXJ5LWZpbGwtaG92ZXIsIHJlZCk7XG4gIC0tdGRzLWJ1dHRvbi1mZy1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtcHJpbWFyeS10ZXh0LWhvdmVyLCAjZmZmZmZmKTtcbiAgLS10ZHMtYnV0dG9uLWJvcmRlci1ob3ZlcjogdHJhbnNwYXJlbnQ7XG4gIC0tdGRzLWJ1dHRvbi1iZy1wcmVzc2VkOiB2YXIoLS1pbnRlcmFjdGl2ZS1wcmltYXJ5LWZpbGwtcHJlc3NlZCwgIzAwNDk2ZSk7XG4gIC0tdGRzLWJ1dHRvbi1mZy1wcmVzc2VkOiB2YXIoLS1pbnRlcmFjdGl2ZS1wcmltYXJ5LXRleHQtcHJlc3NlZCwgI2ZmZmZmZik7XG4gIC0tdGRzLWJ1dHRvbi1ib3JkZXItcHJlc3NlZDogdHJhbnNwYXJlbnQ7XG59XG5cbi50ZHMtYnV0dG9uLS1pbnRlbnQtc2Vjb25kYXJ5IHtcbiAgLS10ZHMtYnV0dG9uLWJnOiB2YXIoLS1pbnRlcmFjdGl2ZS1zZWNvbmRhcnktZmlsbC1kZWZhdWx0LCAjZmZmZmZmKTtcbiAgLS10ZHMtYnV0dG9uLWZnOiB2YXIoLS1pbnRlcmFjdGl2ZS1zZWNvbmRhcnktdGV4dC1kZWZhdWx0LCAjMWExYTFhKTtcbiAgLS10ZHMtYnV0dG9uLWJvcmRlcjogdmFyKC0taW50ZXJhY3RpdmUtc2Vjb25kYXJ5LWJvcmRlci1kZWZhdWx0LCAjOGM4YzhjKTtcbiAgLS10ZHMtYnV0dG9uLWJnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1zZWNvbmRhcnktZmlsbC1ob3ZlciwgI2Q5ZDlkOSk7XG4gIC0tdGRzLWJ1dHRvbi1mZy1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtc2Vjb25kYXJ5LXRleHQtaG92ZXIsICMxNjE2MTYpO1xuICAtLXRkcy1idXR0b24tYm9yZGVyLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1zZWNvbmRhcnktYm9yZGVyLWhvdmVyLCAjNzc3Nzc3KTtcbiAgLS10ZHMtYnV0dG9uLWJnLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLXNlY29uZGFyeS1maWxsLXByZXNzZWQsICNjY2NjY2MpO1xuICAtLXRkcy1idXR0b24tZmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtc2Vjb25kYXJ5LXRleHQtcHJlc3NlZCwgIzE1MTUxNSk7XG4gIC0tdGRzLWJ1dHRvbi1ib3JkZXItcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtc2Vjb25kYXJ5LWJvcmRlci1wcmVzc2VkLCAjNzA3MDcwKTtcbiAgLS10ZHMtYnV0dG9uLWJvcmRlci1mb2N1czogdmFyKC0taW50ZXJhY3RpdmUtc2Vjb25kYXJ5LWJvcmRlci1kZWZhdWx0LCAjOGM4YzhjKTtcbn1cblxuLnRkcy1idXR0b24tLWludGVudC1uZWdhdGl2ZSB7XG4gIC0tdGRzLWJ1dHRvbi1iZzogdmFyKC0taW50ZXJhY3RpdmUtbmVnYXRpdmUtZmlsbC1kZWZhdWx0LCAjZmZmZmZmKTtcbiAgLS10ZHMtYnV0dG9uLWZnOiB2YXIoLS1pbnRlcmFjdGl2ZS1uZWdhdGl2ZS10ZXh0LWRlZmF1bHQsICNjYjA3MDUpO1xuICAtLXRkcy1idXR0b24tYm9yZGVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1uZWdhdGl2ZS1ib3JkZXItZGVmYXVsdCwgI2NiMDcwNSk7XG4gIC0tdGRzLWJ1dHRvbi1iZy1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtbmVnYXRpdmUtZmlsbC1ob3ZlciwgI2Q5ZDlkOSk7XG4gIC0tdGRzLWJ1dHRvbi1mZy1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtbmVnYXRpdmUtdGV4dC1ob3ZlciwgI2FkMDYwNCk7XG4gIC0tdGRzLWJ1dHRvbi1ib3JkZXItaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLW5lZ2F0aXZlLWJvcmRlci1ob3ZlciwgI2FkMDYwNCk7XG4gIC0tdGRzLWJ1dHRvbi1iZy1wcmVzc2VkOiB2YXIoLS1pbnRlcmFjdGl2ZS1uZWdhdGl2ZS1maWxsLXByZXNzZWQsICNjY2NjY2MpO1xuICAtLXRkcy1idXR0b24tZmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtbmVnYXRpdmUtdGV4dC1wcmVzc2VkLCAjYTIwNjA0KTtcbiAgLS10ZHMtYnV0dG9uLWJvcmRlci1wcmVzc2VkOiB2YXIoLS1pbnRlcmFjdGl2ZS1uZWdhdGl2ZS1ib3JkZXItcHJlc3NlZCwgI2EyMDYwNCk7XG59XG5cbi50ZHMtYnV0dG9uLS1zaXplLXNtYWxsIHtcbiAgbWluLWhlaWdodDogdmFyKC0tc3BhY2luZy0xNSk7XG4gIHBhZGRpbmc6IDAgdmFyKC0tc3BhY2luZy0wNyk7XG4gIG1pbi13aWR0aDogdmFyKC0tc3BhY2luZy0yMSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemUwMjAsIDAuODc1cmVtKTtcbiAgLS10ZHMtYnV0dG9uLWxhYmVsLWlubGluZS1wYWRkaW5nOiB2YXIoLS1zcGFjaW5nLTAzKTtcbn1cblxuLnRkcy1idXR0b24tLXNpemUtbWVkaXVtIHtcbiAgbWluLWhlaWdodDogdmFyKC0tc3BhY2luZy0xOCk7XG4gIG1pbi13aWR0aDogMTAwcHg7XG4gIHBhZGRpbmc6IDAgdmFyKC0tc3BhY2luZy0wOSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemUwMzAsIDFyZW0pO1xuICAtLXRkcy1idXR0b24tbGFiZWwtaW5saW5lLXBhZGRpbmc6IHZhcigtLXNwYWNpbmctMDUpO1xufVxuXG4udGRzLWJ1dHRvbi0tc2l6ZS1sYXJnZSB7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNwYWNpbmctMjApO1xuICBtaW4td2lkdGg6IDEzMHB4O1xuICBwYWRkaW5nOiAwIHZhcigtLXNwYWNpbmctMTMpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplMDQwLCAxLjEyNXJlbSk7XG4gIC0tdGRzLWJ1dHRvbi1sYWJlbC1pbmxpbmUtcGFkZGluZzogdmFyKC0tc3BhY2luZy0wNSk7XG59XG5cbi50ZHMtYnV0dG9uLS1iZWhhdmlvdXItaHVnIHtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xufVxuXG4udGRzLWJ1dHRvbi0tYmVoYXZpb3VyLWZ1bGwge1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnRkcy1idXR0b25fX2xhYmVsLWNvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZmxleDogMCAwIGF1dG87XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgcGFkZGluZzogMCB2YXIoLS10ZHMtYnV0dG9uLWxhYmVsLWlubGluZS1wYWRkaW5nKTtcbn1cblxuLnRkcy1idXR0b25fX2xhYmVsIHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBmbGV4OiAwIDAgYXV0bztcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xufVxuXG4udGRzLWJ1dHRvbl9faWNvbixcbi50ZHMtYnV0dG9uX19zcGlubmVyIHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuXG4udGRzLWJ1dHRvbi0tc2l6ZS1zbWFsbCAudGRzLWJ1dHRvbl9faWNvbixcbi50ZHMtaWNvbi1idXR0b24tLXNpemUtc21hbGwgLnRkcy1idXR0b25fX2ljb24sXG4udGRzLWljb24tYnV0dG9uLS1zaXplLXNtYWxsIC50ZHMtYnV0dG9uX19zcGlubmVyLFxuLnRkcy1idXR0b24tLXNpemUtc21hbGwgLnRkcy1idXR0b25fX3NwaW5uZXIge1xuICB3aWR0aDogdmFyKC0tc3BhY2luZy0xMSk7XG4gIGhlaWdodDogdmFyKC0tc3BhY2luZy0xMSk7XG59XG5cbi50ZHMtYnV0dG9uLS1zaXplLW1lZGl1bSAudGRzLWJ1dHRvbl9faWNvbixcbi50ZHMtaWNvbi1idXR0b24tLXNpemUtbWVkaXVtIC50ZHMtYnV0dG9uX19pY29uLFxuLnRkcy1pY29uLWJ1dHRvbi0tc2l6ZS1tZWRpdW0gLnRkcy1idXR0b25fX3NwaW5uZXIsXG4udGRzLWJ1dHRvbi0tc2l6ZS1tZWRpdW0gLnRkcy1idXR0b25fX3NwaW5uZXIge1xuICB3aWR0aDogdmFyKC0tc3BhY2luZy0xMyk7XG4gIGhlaWdodDogdmFyKC0tc3BhY2luZy0xMyk7XG59XG5cbi50ZHMtYnV0dG9uLS1zaXplLWxhcmdlIC50ZHMtYnV0dG9uX19pY29uLFxuLnRkcy1pY29uLWJ1dHRvbi0tc2l6ZS1sYXJnZSAudGRzLWJ1dHRvbl9faWNvbixcbi50ZHMtaWNvbi1idXR0b24tLXNpemUtbGFyZ2UgLnRkcy1idXR0b25fX3NwaW5uZXIsXG4udGRzLWJ1dHRvbi0tc2l6ZS1sYXJnZSAudGRzLWJ1dHRvbl9fc3Bpbm5lciB7XG4gIHdpZHRoOiB2YXIoLS1zcGFjaW5nLTE0KTtcbiAgaGVpZ2h0OiB2YXIoLS1zcGFjaW5nLTE0KTtcbn1cblxuLnRkcy1idXR0b25fX2ljb24gc3ZnIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLnRkcy1idXR0b25fX3NwaW5uZXIgc3ZnIHtcbiAgYW5pbWF0aW9uOiB0ZHMtYnV0dG9uLXNwaW4gMS44cyBsaW5lYXIgaW5maW5pdGU7XG59XG5cbkBrZXlmcmFtZXMgdGRzLWJ1dHRvbi1zcGluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjtcbiAgfVxufSJdfQ== */";
|
|
10
10
|
styleInject_es.styleInject(css_248z);
|
|
@@ -61,4 +61,4 @@ var ButtonContainer = function ButtonContainer(_ref) {
|
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
exports.ButtonContainer = ButtonContainer;
|
|
64
|
-
//# sourceMappingURL=ButtonContainer.cjs.
|
|
64
|
+
//# sourceMappingURL=ButtonContainer.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonContainer.cjs","sources":["../../src/Button/ButtonContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../utils/cn';\nimport './styles.css';\nimport { Icon } from '../Icon/Icon';\n\ntype ButtonIntent = 'primary' | 'secondary' | 'negative';\ntype ButtonSize = 'small' | 'medium' | 'large';\ntype ButtonBehaviour = 'hug' | 'full';\ntype ButtonState =\n | 'base'\n | 'hover'\n | 'pressed'\n | 'loading'\n | 'disabled'\n | 'focus';\n\nexport interface ButtonContainerProps {\n /** Controls the width behaviour — 'Hug' fits content, '100%' fills the container */\n behaviour?: ButtonBehaviour;\n /** Visual style variant — Primary (filled), Secondary (outlined), or Negative (destructive) */\n intent?: ButtonIntent;\n /** Controls the overall dimensions of the button */\n size?: ButtonSize;\n /** The interaction state — controls visual feedback for hover, press, focus, loading, and disabled */\n state?: ButtonState;\n /** Accessible name for this icon-only control */\n ariaLabel?: string;\n /** Optional href to render as a link */\n href?: string;\n /** Optional target attribute for links */\n target?: '_blank' | '_self' | '_parent' | '_top';\n /** Optional rel attribute for links */\n rel?: string;\n /** @ignore */\n disabled?: boolean;\n /** @ignore */\n onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;\n /** @ignore */\n className?: string;\n /** @ignore */\n type?: 'button' | 'submit' | 'reset';\n /** @ignore */\n children?: React.ReactNode;\n}\n\n/** Primary UI component for user interaction */\nexport const ButtonContainer: React.FC<ButtonContainerProps> = ({\n behaviour,\n intent = 'primary',\n state = 'base',\n disabled = false,\n ariaLabel = undefined,\n href,\n target,\n rel,\n children,\n className,\n type = 'button',\n onClick\n}) => {\n const isLoading = state === 'loading';\n const isDisabled = disabled || state === 'disabled' || isLoading;\n\n const buttonClasses = cn(\n 'tds-button',\n `tds-button--intent-${intent}`,\n behaviour ? `tds-button--behaviour-${behaviour}` : undefined,\n `tds-button--state-${state}`,\n isLoading ? 'tds-button--loading' : undefined,\n className\n );\n\n const buttonContent = isLoading ? (\n <span className=\"tds-button__spinner\" aria-hidden=\"true\">\n <Icon iconName=\"filled_loading\" />\n </span>\n ) : (\n children\n );\n\n // Render as anchor tag if href is provided\n if (href) {\n return (\n <a\n href={href}\n target={target}\n rel={rel || (target === '_blank' ? 'noopener noreferrer' : undefined)}\n onClick={onClick as React.MouseEventHandler<HTMLAnchorElement>}\n className={buttonClasses}\n aria-busy={isLoading || undefined}\n aria-label={ariaLabel}\n >\n {buttonContent}\n </a>\n );\n }\n\n // Render as button element\n return (\n <button\n type={type}\n className={buttonClasses}\n aria-busy={isLoading || undefined}\n aria-label={ariaLabel}\n disabled={isDisabled}\n onClick={onClick}\n >\n {buttonContent}\n </button>\n );\n};\n"],"names":["ButtonContainer","_ref","behaviour","_ref$intent","intent","_ref$state","state","_ref$disabled","disabled","_ref$ariaLabel","ariaLabel","undefined","href","target","rel","children","className","_ref$type","type","onClick","isLoading","isDisabled","buttonClasses","cn","concat","buttonContent","React","createElement","Icon","iconName"],"mappings":";;;;;;;;;;;AA6CA;IACaA,eAAe,GAAmC,SAAlDA,eAAeA,CAAAC,IAAA,EAavB;AAAA,EAAA,IAZHC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,WAAA,GAAAF,IAAA,CACTG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,UAAA,GAAAJ,IAAA,CAClBK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,UAAA;IAAAE,aAAA,GAAAN,IAAA,CACdO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAAR,IAAA,CAChBS,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAGE,SAAS,GAAAF,cAAA;IACrBG,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,MAAM,GAAAZ,IAAA,CAANY,MAAM;IACNC,GAAG,GAAAb,IAAA,CAAHa,GAAG;IACHC,QAAQ,GAAAd,IAAA,CAARc,QAAQ;IACRC,SAAS,GAAAf,IAAA,CAATe,SAAS;IAAAC,SAAA,GAAAhB,IAAA,CACTiB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;IACfE,OAAO,GAAAlB,IAAA,CAAPkB,OAAO;AAEP,EAAA,IAAMC,SAAS,GAAGd,KAAK,KAAK,SAAS;EACrC,IAAMe,UAAU,GAAGb,QAAQ,IAAIF,KAAK,KAAK,UAAU,IAAIc,SAAS;AAEhE,EAAA,IAAME,aAAa,GAAGC,KAAE,CACtB,YAAY,EAAA,qBAAA,CAAAC,MAAA,CACUpB,MAAM,CAAA,EAC5BF,SAAS,GAAA,wBAAA,CAAAsB,MAAA,CAA4BtB,SAAS,CAAA,GAAKS,SAAS,EAAA,oBAAA,CAAAa,MAAA,CACvClB,KAAK,CAAA,EAC1Bc,SAAS,GAAG,qBAAqB,GAAGT,SAAS,EAC7CK,SAAS,CACV;EAED,IAAMS,aAAa,GAAGL,SAAS,iBAC7BM,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMX,IAAAA,SAAS,EAAC,qBAAqB;AAAA,IAAA,aAAA,EAAa;AAAM,GAAA,eACtDU,KAAA,CAAAC,aAAA,CAACC,cAAI,EAAA;AAACC,IAAAA,QAAQ,EAAC;GAAgB,CAAG,CAC7B,IAEPd,QACD;AAED;AACA,EAAA,IAAIH,IAAI,EAAE;AACR,IAAA,oBACEc;AACEd,MAAAA,IAAI,EAAEA,IAAI;AACVC,MAAAA,MAAM,EAAEA,MAAM;MACdC,GAAG,EAAEA,GAAG,KAAKD,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGF,SAAS,CAAC;AACrEQ,MAAAA,OAAO,EAAEA,OAAqD;AAC9DH,MAAAA,SAAS,EAAEM,aAAa;MAAA,WAAA,EACbF,SAAS,IAAIT,SAAS;AAAA,MAAA,YAAA,EACrBD;KAAS,EAEpBe,aAAa,CACZ;AAER,EAAA;AAEA;AACA,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACET,IAAAA,IAAI,EAAEA,IAAI;AACVF,IAAAA,SAAS,EAAEM,aAAa;IAAA,WAAA,EACbF,SAAS,IAAIT,SAAS;AAAA,IAAA,YAAA,EACrBD,SAAS;AACrBF,IAAAA,QAAQ,EAAEa,UAAU;AACpBF,IAAAA,OAAO,EAAEA;GAAO,EAEfM,aAAa,CACP;AAEb;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var cn = require('../shared/cn-CPfjOlzZ.cjs
|
|
5
|
-
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs
|
|
6
|
-
var Icon_Icon = require('../Icon/Icon.cjs
|
|
7
|
-
require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs
|
|
4
|
+
var cn = require('../shared/cn-CPfjOlzZ.cjs');
|
|
5
|
+
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
|
|
6
|
+
var Icon_Icon = require('../Icon/Icon.cjs');
|
|
7
|
+
require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
|
|
8
8
|
|
|
9
9
|
var css_248z = ".tds-chip{--tds-chip-bg:var(--interactive-chip-primary-on-fill-default,#005c8a);--tds-chip-bg-hover:var(--interactive-chip-primary-on-fill-hover,#004e75);--tds-chip-bg-pressed:var(--interactive-chip-primary-on-fill-pressed,#00496e);--tds-chip-fg:var(--interactive-chip-primary-on-text-default,#fff);--tds-chip-fg-hover:var(--interactive-chip-primary-on-text-hover,#d9d9d9);--tds-chip-fg-pressed:var(--interactive-chip-primary-on-text-pressed,#ccc);--tds-chip-icon:var(--interactive-chip-primary-on-icon-default,#fff);--tds-chip-icon-hover:var(--interactive-chip-primary-on-icon-hover,#d9d9d9);--tds-chip-icon-pressed:var(--interactive-chip-primary-on-icon-pressed,#ccc);--tds-chip-border:transparent;--tds-chip-border-hover:transparent;--tds-chip-border-pressed:transparent;--tds-chip-focus-ring:var(--tds-focus-border,#737373);align-items:center;background-color:var(--tds-chip-bg);border:1px solid var(--tds-chip-border);border-radius:calc(var(--tds-border-radius-full, 9999)*1px);color:var(--tds-chip-fg);cursor:pointer;display:inline-flex;font-family:var(--fontFamily040,sans-serif);font-weight:var(--fontWeight050,500);gap:var(--spacing-03);justify-content:center;line-height:var(--fontLineHeight010,1);position:relative;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.tds-chip:hover:not(:disabled){background-color:var(--tds-chip-bg-hover);border-color:var(--tds-chip-border-hover);color:var(--tds-chip-fg-hover)}.tds-chip:active:not(:disabled){background-color:var(--tds-chip-bg-pressed);border-color:var(--tds-chip-border-pressed);color:var(--tds-chip-fg-pressed)}.tds-chip:focus-visible{background-color:var(--tds-chip-bg-hover);border-color:var(--tds-chip-border-hover);color:var(--tds-chip-fg-hover);outline:none}.tds-chip:focus-visible:after{border:var(--spacing-01) solid var(--tds-chip-focus-ring);border-radius:inherit;content:\"\";inset:calc(var(--spacing-03)*-1);pointer-events:none;position:absolute}.tds-chip:disabled{background-color:var(--interactive-disabled-b,#bfbfbf);border-color:transparent;color:var(--interactive-disabled-a,#d9d9d9);cursor:not-allowed}.tds-chip--size-small{font-size:var(--fontSize020,.875rem);min-height:var(--spacing-16,32px);padding:0 var(--spacing-07)}.tds-chip--size-large{font-size:var(--fontSize030,1rem);min-height:var(--spacing-18,40px);padding:0 var(--spacing-09)}.tds-chip--intent-primary.tds-chip--toggle-on{--tds-chip-bg:var(--interactive-chip-primary-on-fill-default,#005c8a);--tds-chip-bg-hover:var(--interactive-chip-primary-on-fill-hover,#004e75);--tds-chip-bg-pressed:var(--interactive-chip-primary-on-fill-pressed,#00496e);--tds-chip-fg:var(--interactive-chip-primary-on-text-default,#fff);--tds-chip-fg-hover:var(--interactive-chip-primary-on-text-hover,#d9d9d9);--tds-chip-fg-pressed:var(--interactive-chip-primary-on-text-pressed,#ccc);--tds-chip-icon:var(--interactive-chip-primary-on-icon-default,#fff);--tds-chip-icon-hover:var(--interactive-chip-primary-on-icon-hover,#d9d9d9);--tds-chip-icon-pressed:var(--interactive-chip-primary-on-icon-pressed,#ccc)}.tds-chip--intent-primary.tds-chip--toggle-off{--tds-chip-bg:var(--interactive-chip-primary-off-fill-default,#f2f2f2);--tds-chip-bg-hover:var(--interactive-chip-primary-off-fill-hover,#cecece);--tds-chip-bg-pressed:var(--interactive-chip-primary-off-fill-pressed,#c2c2c2);--tds-chip-fg:var(--interactive-chip-primary-off-text-default,#005c8a);--tds-chip-fg-hover:var(--interactive-chip-primary-off-text-hover,#004e75);--tds-chip-fg-pressed:var(--interactive-chip-primary-off-text-pressed,#00496e);--tds-chip-icon:var(--interactive-chip-primary-off-icon-default,#005c8a);--tds-chip-icon-hover:var(--interactive-chip-primary-off-icon-hover,#004e75);--tds-chip-icon-pressed:var(--interactive-chip-primary-off-icon-pressed,#00496e);--tds-chip-border:var(--interactive-chip-primary-off-border-default,#005c8a);--tds-chip-border-hover:var(--interactive-chip-primary-off-border-hover,#004e75);--tds-chip-border-pressed:var(--interactive-chip-primary-off-border-pressed,#00496e)}.tds-chip--intent-secondary.tds-chip--toggle-on{--tds-chip-bg:var(--interactive-chip-secondary-on-fill-default,#fff);--tds-chip-bg-hover:var(--interactive-chip-secondary-on-fill-hover,#d9d9d9);--tds-chip-bg-pressed:var(--interactive-chip-secondary-on-fill-pressed,#ccc);--tds-chip-fg:var(--interactive-chip-secondary-on-text-default,#1a1a1a);--tds-chip-fg-hover:var(--interactive-chip-secondary-on-text-hover,#161616);--tds-chip-fg-pressed:var(--interactive-chip-secondary-on-text-pressed,#151515);--tds-chip-icon:var(--interactive-chip-secondary-on-icon-default,#1a1a1a);--tds-chip-icon-hover:var(--interactive-chip-secondary-on-icon-hover,#161616);--tds-chip-icon-pressed:var(--interactive-chip-secondary-on-icon-pressed,#151515);--tds-chip-border:var(--interactive-chip-secondary-on-border-default,#8c8c8c);--tds-chip-border-hover:var(--interactive-chip-secondary-on-border-hover,#777);--tds-chip-border-pressed:var(--interactive-chip-secondary-on-border-pressed,#707070)}.tds-chip--intent-secondary.tds-chip--toggle-off{--tds-chip-bg:var(--interactive-chip-secondary-off-fill-default,#f2f2f2);--tds-chip-bg-hover:var(--interactive-chip-secondary-off-fill-hover,#cecece);--tds-chip-bg-pressed:var(--interactive-chip-secondary-off-fill-pressed,#c2c2c2);--tds-chip-fg:var(--interactive-chip-secondary-off-text-default,#404040);--tds-chip-fg-hover:var(--interactive-chip-secondary-off-text-hover,#363636);--tds-chip-fg-pressed:var(--interactive-chip-secondary-off-text-pressed,#333);--tds-chip-icon:var(--interactive-chip-secondary-off-icon-default,#404040);--tds-chip-icon-hover:var(--interactive-chip-secondary-off-icon-hover,#363636);--tds-chip-icon-pressed:var(--interactive-chip-secondary-off-icon-pressed,#333)}.tds-chip--channel-true.tds-chip--toggle-on{--tds-chip-bg:var(--interactive-chip-channel-on-fill-default,#737373);--tds-chip-bg-hover:var(--interactive-chip-channel-on-fill-hover,#626262);--tds-chip-bg-pressed:var(--interactive-chip-channel-on-fill-pressed,#5c5c5c);--tds-chip-fg:var(--interactive-chip-channel-on-text-default,#fff);--tds-chip-fg-hover:var(--interactive-chip-channel-on-text-hover,#d9d9d9);--tds-chip-fg-pressed:var(--interactive-chip-channel-on-text-pressed,#ccc);--tds-chip-icon:var(--interactive-chip-channel-on-icon-default,#fff);--tds-chip-icon-hover:var(--interactive-chip-channel-on-icon-hover,#d9d9d9);--tds-chip-icon-pressed:var(--interactive-chip-channel-on-icon-pressed,#ccc);--tds-chip-border:transparent;--tds-chip-border-hover:transparent;--tds-chip-border-pressed:transparent}.tds-chip--channel-true.tds-chip--toggle-off{--tds-chip-bg:var(--interactive-chip-channel-off-fill-default,#e6e6e6);--tds-chip-bg-hover:var(--interactive-chip-channel-off-fill-hover,#c4c4c4);--tds-chip-bg-pressed:var(--interactive-chip-channel-off-fill-pressed,#b8b8b8);--tds-chip-fg:var(--interactive-chip-channel-off-text-default,#262626);--tds-chip-fg-hover:var(--interactive-chip-channel-off-text-hover,#202020);--tds-chip-fg-pressed:var(--interactive-chip-channel-off-text-pressed,#1e1e1e);--tds-chip-icon:var(--interactive-chip-channel-off-icon-default,#262626);--tds-chip-icon-hover:var(--interactive-chip-channel-off-icon-hover,#202020);--tds-chip-icon-pressed:var(--interactive-chip-channel-off-icon-pressed,#1e1e1e);--tds-chip-border:var(--interactive-chip-channel-off-border-default,#a6a6a6);--tds-chip-border-hover:var(--interactive-chip-channel-off-border-hover,#8f8f8f);--tds-chip-border-pressed:var(--interactive-chip-channel-off-border-pressed,#868686)}.tds-chip--channel-true.tds-chip--intent-secondary.tds-chip--toggle-on{--tds-chip-bg:var(--interactive-chip-channel-secondary-on-fill-default,#fff);--tds-chip-bg-hover:var(--interactive-chip-channel-secondary-on-fill-hover,#d9d9d9);--tds-chip-bg-pressed:var(--interactive-chip-channel-secondary-on-fill-pressed,#ccc);--tds-chip-fg:var(--interactive-chip-channel-secondary-on-text-default,#737373);--tds-chip-fg-hover:var(--interactive-chip-channel-secondary-on-text-hover,#626262);--tds-chip-fg-pressed:var(--interactive-chip-channel-secondary-on-text-pressed,#5c5c5c);--tds-chip-icon:var(--interactive-chip-channel-secondary-on-icon-default,#737373);--tds-chip-icon-hover:var(--interactive-chip-channel-secondary-on-icon-hover,#626262);--tds-chip-icon-pressed:var(--interactive-chip-channel-secondary-on-icon-pressed,#5c5c5c);--tds-chip-border:var(--interactive-chip-channel-secondary-on-border-default,#737373);--tds-chip-border-hover:var(--interactive-chip-channel-secondary-on-border-hover,#626262);--tds-chip-border-pressed:var(--interactive-chip-channel-secondary-on-border-pressed,#5c5c5c)}.tds-chip--channel-true.tds-chip--intent-secondary.tds-chip--toggle-off{--tds-chip-bg:var(--interactive-chip-channel-secondary-off-fill-default,#e6e6e6);--tds-chip-bg-hover:var(--interactive-chip-channel-secondary-off-fill-hover,#c4c4c4);--tds-chip-bg-pressed:var(--interactive-chip-channel-secondary-off-fill-pressed,#ccc);--tds-chip-fg:var(--interactive-chip-channel-secondary-off-text-default,#4d4d4d);--tds-chip-fg-hover:var(--interactive-chip-channel-secondary-off-text-hover,#424242);--tds-chip-fg-pressed:var(--interactive-chip-channel-secondary-off-text-pressed,#3e3e3e);--tds-chip-icon:var(--interactive-chip-channel-secondary-off-icon-default,#4d4d4d);--tds-chip-icon-hover:var(--interactive-chip-channel-secondary-off-icon-hover,#424242);--tds-chip-icon-pressed:var(--interactive-chip-channel-secondary-off-icon-pressed,#3e3e3e);--tds-chip-border:transparent;--tds-chip-border-hover:transparent;--tds-chip-border-pressed:transparent}.tds-chip__icon,.tds-chip__label{align-items:center;display:inline-flex;justify-content:center}.tds-chip__icon{color:var(--tds-chip-icon)}.tds-chip:focus-visible .tds-chip__icon,.tds-chip:hover:not(:disabled) .tds-chip__icon{color:var(--tds-chip-icon-hover)}.tds-chip:active:not(:disabled) .tds-chip__icon{color:var(--tds-chip-icon-pressed)}.tds-chip:disabled .tds-chip__icon{color:var(--interactive-disabled-a,#d9d9d9)}.tds-chip--size-small .tds-chip__icon{height:var(--spacing-09);width:var(--spacing-09)}.tds-chip--size-large .tds-chip__icon{height:var(--spacing-11);width:var(--spacing-11)}\n/*# sourceMappingURL=data:application/json;base64,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QXVGLENBQ3ZGLHlGQUEyRixDQUMzRiw2RkFDRixDQUVBLHdFQUNFLGdGQUFrRixDQUNsRixvRkFBc0YsQ0FDdEYscUZBQTBGLENBQzFGLGdGQUFrRixDQUNsRixvRkFBc0YsQ0FDdEYsd0ZBQTBGLENBQzFGLGtGQUFvRixDQUNwRixzRkFBd0YsQ0FDeEYsMEZBQTRGLENBQzVGLDZCQUE4QixDQUM5QixtQ0FBb0MsQ0FDcEMscUNBQ0YsQ0FRQSxpQ0FKRSxrQkFBbUIsQ0FEbkIsbUJBQW9CLENBRXBCLHNCQVFGLENBTEEsZ0JBSUUsMEJBQ0YsQ0FFQSx1RkFFRSxnQ0FDRixDQUVBLGdEQUNFLGtDQUNGLENBRUEsbUNBQ0UsMkNBQ0YsQ0FFQSxzQ0FFRSx3QkFBeUIsQ0FEekIsdUJBRUYsQ0FFQSxzQ0FFRSx3QkFBeUIsQ0FEekIsdUJBRUYiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi50ZHMtY2hpcCB7XG4gIC0tdGRzLWNoaXAtYmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtcHJpbWFyeS1vbi1maWxsLWRlZmF1bHQsICMwMDVjOGEpO1xuICAtLXRkcy1jaGlwLWJnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXByaW1hcnktb24tZmlsbC1ob3ZlciwgIzAwNGU3NSk7XG4gIC0tdGRzLWNoaXAtYmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLWZpbGwtcHJlc3NlZCwgIzAwNDk2ZSk7XG4gIC0tdGRzLWNoaXAtZmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtcHJpbWFyeS1vbi10ZXh0LWRlZmF1bHQsICNmZmZmZmYpO1xuICAtLXRkcy1jaGlwLWZnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXByaW1hcnktb24tdGV4dC1ob3ZlciwgI2Q5ZDlkOSk7XG4gIC0tdGRzLWNoaXAtZmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLXRleHQtcHJlc3NlZCwgI2NjY2NjYyk7XG4gIC0tdGRzLWNoaXAtaWNvbjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLWljb24tZGVmYXVsdCwgI2ZmZmZmZik7XG4gIC0tdGRzLWNoaXAtaWNvbi1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLWljb24taG92ZXIsICNkOWQ5ZDkpO1xuICAtLXRkcy1jaGlwLWljb24tcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLWljb24tcHJlc3NlZCwgI2NjY2NjYyk7XG4gIC0tdGRzLWNoaXAtYm9yZGVyOiB0cmFuc3BhcmVudDtcbiAgLS10ZHMtY2hpcC1ib3JkZXItaG92ZXI6IHRyYW5zcGFyZW50O1xuICAtLXRkcy1jaGlwLWJvcmRlci1wcmVzc2VkOiB0cmFuc3BhcmVudDtcbiAgLS10ZHMtY2hpcC1mb2N1cy1yaW5nOiB2YXIoLS10ZHMtZm9jdXMtYm9yZGVyLCAjNzM3MzczKTtcblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zcGFjaW5nLTAzKTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tdGRzLWNoaXAtYm9yZGVyKTtcbiAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoLS10ZHMtYm9yZGVyLXJhZGl1cy1mdWxsLCA5OTk5KSAqIDFweCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRkcy1jaGlwLWJnKTtcbiAgY29sb3I6IHZhcigtLXRkcy1jaGlwLWZnKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnRGYW1pbHkwNDAsIHNhbnMtc2VyaWYpO1xuICBmb250LXdlaWdodDogdmFyKC0tZm9udFdlaWdodDA1MCwgNTAwKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWZvbnRMaW5lSGVpZ2h0MDEwLCAxKTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOlxuICAgIGJhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZSxcbiAgICBib3JkZXItY29sb3IgMC4xNXMgZWFzZSxcbiAgICBjb2xvciAwLjE1cyBlYXNlLFxuICAgIGJveC1zaGFkb3cgMC4xNXMgZWFzZTtcbn1cblxuLnRkcy1jaGlwOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdGRzLWNoaXAtYmctaG92ZXIpO1xuICBib3JkZXItY29sb3I6IHZhcigtLXRkcy1jaGlwLWJvcmRlci1ob3Zlcik7XG4gIGNvbG9yOiB2YXIoLS10ZHMtY2hpcC1mZy1ob3Zlcik7XG59XG5cbi50ZHMtY2hpcDphY3RpdmU6bm90KDpkaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10ZHMtY2hpcC1iZy1wcmVzc2VkKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZHMtY2hpcC1ib3JkZXItcHJlc3NlZCk7XG4gIGNvbG9yOiB2YXIoLS10ZHMtY2hpcC1mZy1wcmVzc2VkKTtcbn1cblxuLnRkcy1jaGlwOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiBub25lO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10ZHMtY2hpcC1iZy1ob3Zlcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tdGRzLWNoaXAtYm9yZGVyLWhvdmVyKTtcbiAgY29sb3I6IHZhcigtLXRkcy1jaGlwLWZnLWhvdmVyKTtcbn1cblxuLnRkcy1jaGlwOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQ6IGNhbGModmFyKC0tc3BhY2luZy0wMykgKiAtMSk7XG4gIGJvcmRlcjogdmFyKC0tc3BhY2luZy0wMSkgc29saWQgdmFyKC0tdGRzLWNoaXAtZm9jdXMtcmluZyk7XG4gIGJvcmRlci1yYWRpdXM6IGluaGVyaXQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4udGRzLWNoaXA6ZGlzYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1kaXNhYmxlZC1iLCAjYmZiZmJmKTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLWludGVyYWN0aXZlLWRpc2FibGVkLWEsICNkOWQ5ZDkpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4udGRzLWNoaXAtLXNpemUtc21hbGwge1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zcGFjaW5nLTE2LCAzMnB4KTtcbiAgcGFkZGluZzogMCB2YXIoLS1zcGFjaW5nLTA3KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250U2l6ZTAyMCwgMC44NzVyZW0pO1xufVxuXG4udGRzLWNoaXAtLXNpemUtbGFyZ2Uge1xuICBtaW4taGVpZ2h0OiB2YXIoLS1zcGFjaW5nLTE4LCA0MHB4KTtcbiAgcGFkZGluZzogMCB2YXIoLS1zcGFjaW5nLTA5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250U2l6ZTAzMCwgMXJlbSk7XG59XG5cbi50ZHMtY2hpcC0taW50ZW50LXByaW1hcnkudGRzLWNoaXAtLXRvZ2dsZS1vbiB7XG4gIC0tdGRzLWNoaXAtYmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtcHJpbWFyeS1vbi1maWxsLWRlZmF1bHQsICMwMDVjOGEpO1xuICAtLXRkcy1jaGlwLWJnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXByaW1hcnktb24tZmlsbC1ob3ZlciwgIzAwNGU3NSk7XG4gIC0tdGRzLWNoaXAtYmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLWZpbGwtcHJlc3NlZCwgIzAwNDk2ZSk7XG4gIC0tdGRzLWNoaXAtZmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtcHJpbWFyeS1vbi10ZXh0LWRlZmF1bHQsICNmZmZmZmYpO1xuICAtLXRkcy1jaGlwLWZnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXByaW1hcnktb24tdGV4dC1ob3ZlciwgI2Q5ZDlkOSk7XG4gIC0tdGRzLWNoaXAtZmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLXRleHQtcHJlc3NlZCwgI2NjY2NjYyk7XG4gIC0tdGRzLWNoaXAtaWNvbjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLWljb24tZGVmYXVsdCwgI2ZmZmZmZik7XG4gIC0tdGRzLWNoaXAtaWNvbi1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLWljb24taG92ZXIsICNkOWQ5ZDkpO1xuICAtLXRkcy1jaGlwLWljb24tcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9uLWljb24tcHJlc3NlZCwgI2NjY2NjYyk7XG59XG5cbi50ZHMtY2hpcC0taW50ZW50LXByaW1hcnkudGRzLWNoaXAtLXRvZ2dsZS1vZmYge1xuICAtLXRkcy1jaGlwLWJnOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXByaW1hcnktb2ZmLWZpbGwtZGVmYXVsdCwgI2YyZjJmMik7XG4gIC0tdGRzLWNoaXAtYmctaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtcHJpbWFyeS1vZmYtZmlsbC1ob3ZlciwgI2NlY2VjZSk7XG4gIC0tdGRzLWNoaXAtYmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9mZi1maWxsLXByZXNzZWQsICNjMmMyYzIpO1xuICAtLXRkcy1jaGlwLWZnOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXByaW1hcnktb2ZmLXRleHQtZGVmYXVsdCwgIzAwNWM4YSk7XG4gIC0tdGRzLWNoaXAtZmctaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtcHJpbWFyeS1vZmYtdGV4dC1ob3ZlciwgIzAwNGU3NSk7XG4gIC0tdGRzLWNoaXAtZmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9mZi10ZXh0LXByZXNzZWQsICMwMDQ5NmUpO1xuICAtLXRkcy1jaGlwLWljb246IHZhcigtLWludGVyYWN0aXZlLWNoaXAtcHJpbWFyeS1vZmYtaWNvbi1kZWZhdWx0LCAjMDA1YzhhKTtcbiAgLS10ZHMtY2hpcC1pY29uLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXByaW1hcnktb2ZmLWljb24taG92ZXIsICMwMDRlNzUpO1xuICAtLXRkcy1jaGlwLWljb24tcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9mZi1pY29uLXByZXNzZWQsICMwMDQ5NmUpO1xuICAtLXRkcy1jaGlwLWJvcmRlcjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1wcmltYXJ5LW9mZi1ib3JkZXItZGVmYXVsdCwgIzAwNWM4YSk7XG4gIC0tdGRzLWNoaXAtYm9yZGVyLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXByaW1hcnktb2ZmLWJvcmRlci1ob3ZlciwgIzAwNGU3NSk7XG4gIC0tdGRzLWNoaXAtYm9yZGVyLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtcHJpbWFyeS1vZmYtYm9yZGVyLXByZXNzZWQsICMwMDQ5NmUpO1xufVxuXG4udGRzLWNoaXAtLWludGVudC1zZWNvbmRhcnkudGRzLWNoaXAtLXRvZ2dsZS1vbiB7XG4gIC0tdGRzLWNoaXAtYmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtc2Vjb25kYXJ5LW9uLWZpbGwtZGVmYXVsdCwgI2ZmZmZmZik7XG4gIC0tdGRzLWNoaXAtYmctaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtc2Vjb25kYXJ5LW9uLWZpbGwtaG92ZXIsICNkOWQ5ZDkpO1xuICAtLXRkcy1jaGlwLWJnLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtc2Vjb25kYXJ5LW9uLWZpbGwtcHJlc3NlZCwgI2NjY2NjYyk7XG4gIC0tdGRzLWNoaXAtZmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtc2Vjb25kYXJ5LW9uLXRleHQtZGVmYXVsdCwgIzFhMWExYSk7XG4gIC0tdGRzLWNoaXAtZmctaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtc2Vjb25kYXJ5LW9uLXRleHQtaG92ZXIsICMxNjE2MTYpO1xuICAtLXRkcy1jaGlwLWZnLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtc2Vjb25kYXJ5LW9uLXRleHQtcHJlc3NlZCwgIzE1MTUxNSk7XG4gIC0tdGRzLWNoaXAtaWNvbjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1zZWNvbmRhcnktb24taWNvbi1kZWZhdWx0LCAjMWExYTFhKTtcbiAgLS10ZHMtY2hpcC1pY29uLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXNlY29uZGFyeS1vbi1pY29uLWhvdmVyLCAjMTYxNjE2KTtcbiAgLS10ZHMtY2hpcC1pY29uLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtc2Vjb25kYXJ5LW9uLWljb24tcHJlc3NlZCwgIzE1MTUxNSk7XG4gIC0tdGRzLWNoaXAtYm9yZGVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXNlY29uZGFyeS1vbi1ib3JkZXItZGVmYXVsdCwgIzhjOGM4Yyk7XG4gIC0tdGRzLWNoaXAtYm9yZGVyLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXNlY29uZGFyeS1vbi1ib3JkZXItaG92ZXIsICM3Nzc3NzcpO1xuICAtLXRkcy1jaGlwLWJvcmRlci1wcmVzc2VkOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXNlY29uZGFyeS1vbi1ib3JkZXItcHJlc3NlZCwgIzcwNzA3MCk7XG59XG5cbi50ZHMtY2hpcC0taW50ZW50LXNlY29uZGFyeS50ZHMtY2hpcC0tdG9nZ2xlLW9mZiB7XG4gIC0tdGRzLWNoaXAtYmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtc2Vjb25kYXJ5LW9mZi1maWxsLWRlZmF1bHQsICNmMmYyZjIpO1xuICAtLXRkcy1jaGlwLWJnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXNlY29uZGFyeS1vZmYtZmlsbC1ob3ZlciwgI2NlY2VjZSk7XG4gIC0tdGRzLWNoaXAtYmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1zZWNvbmRhcnktb2ZmLWZpbGwtcHJlc3NlZCwgI2MyYzJjMik7XG4gIC0tdGRzLWNoaXAtZmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtc2Vjb25kYXJ5LW9mZi10ZXh0LWRlZmF1bHQsICM0MDQwNDApO1xuICAtLXRkcy1jaGlwLWZnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLXNlY29uZGFyeS1vZmYtdGV4dC1ob3ZlciwgIzM2MzYzNik7XG4gIC0tdGRzLWNoaXAtZmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1zZWNvbmRhcnktb2ZmLXRleHQtcHJlc3NlZCwgIzMzMzMzMyk7XG4gIC0tdGRzLWNoaXAtaWNvbjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1zZWNvbmRhcnktb2ZmLWljb24tZGVmYXVsdCwgIzQwNDA0MCk7XG4gIC0tdGRzLWNoaXAtaWNvbi1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1zZWNvbmRhcnktb2ZmLWljb24taG92ZXIsICMzNjM2MzYpO1xuICAtLXRkcy1jaGlwLWljb24tcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1zZWNvbmRhcnktb2ZmLWljb24tcHJlc3NlZCwgIzMzMzMzMyk7XG59XG5cbi50ZHMtY2hpcC0tY2hhbm5lbC10cnVlLnRkcy1jaGlwLS10b2dnbGUtb24ge1xuICAtLXRkcy1jaGlwLWJnOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtb24tZmlsbC1kZWZhdWx0LCAjNzM3MzczKTtcbiAgLS10ZHMtY2hpcC1iZy1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLW9uLWZpbGwtaG92ZXIsICM2MjYyNjIpO1xuICAtLXRkcy1jaGlwLWJnLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1vbi1maWxsLXByZXNzZWQsICM1YzVjNWMpO1xuICAtLXRkcy1jaGlwLWZnOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtb24tdGV4dC1kZWZhdWx0LCAjZmZmZmZmKTtcbiAgLS10ZHMtY2hpcC1mZy1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLW9uLXRleHQtaG92ZXIsICNkOWQ5ZDkpO1xuICAtLXRkcy1jaGlwLWZnLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1vbi10ZXh0LXByZXNzZWQsICNjY2NjY2MpO1xuICAtLXRkcy1jaGlwLWljb246IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1vbi1pY29uLWRlZmF1bHQsICNmZmZmZmYpO1xuICAtLXRkcy1jaGlwLWljb24taG92ZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1vbi1pY29uLWhvdmVyLCAjZDlkOWQ5KTtcbiAgLS10ZHMtY2hpcC1pY29uLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1vbi1pY29uLXByZXNzZWQsICNjY2NjY2MpO1xuICAtLXRkcy1jaGlwLWJvcmRlcjogdHJhbnNwYXJlbnQ7XG4gIC0tdGRzLWNoaXAtYm9yZGVyLWhvdmVyOiB0cmFuc3BhcmVudDtcbiAgLS10ZHMtY2hpcC1ib3JkZXItcHJlc3NlZDogdHJhbnNwYXJlbnQ7XG59XG5cbi50ZHMtY2hpcC0tY2hhbm5lbC10cnVlLnRkcy1jaGlwLS10b2dnbGUtb2ZmIHtcbiAgLS10ZHMtY2hpcC1iZzogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLW9mZi1maWxsLWRlZmF1bHQsICNlNmU2ZTYpO1xuICAtLXRkcy1jaGlwLWJnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtb2ZmLWZpbGwtaG92ZXIsICNjNGM0YzQpO1xuICAtLXRkcy1jaGlwLWJnLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1vZmYtZmlsbC1wcmVzc2VkLCAjYjhiOGI4KTtcbiAgLS10ZHMtY2hpcC1mZzogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLW9mZi10ZXh0LWRlZmF1bHQsICMyNjI2MjYpO1xuICAtLXRkcy1jaGlwLWZnLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtb2ZmLXRleHQtaG92ZXIsICMyMDIwMjApO1xuICAtLXRkcy1jaGlwLWZnLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1vZmYtdGV4dC1wcmVzc2VkLCAjMWUxZTFlKTtcbiAgLS10ZHMtY2hpcC1pY29uOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtb2ZmLWljb24tZGVmYXVsdCwgIzI2MjYyNik7XG4gIC0tdGRzLWNoaXAtaWNvbi1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLW9mZi1pY29uLWhvdmVyLCAjMjAyMDIwKTtcbiAgLS10ZHMtY2hpcC1pY29uLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1vZmYtaWNvbi1wcmVzc2VkLCAjMWUxZTFlKTtcbiAgLS10ZHMtY2hpcC1ib3JkZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1vZmYtYm9yZGVyLWRlZmF1bHQsICNhNmE2YTYpO1xuICAtLXRkcy1jaGlwLWJvcmRlci1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLW9mZi1ib3JkZXItaG92ZXIsICM4ZjhmOGYpO1xuICAtLXRkcy1jaGlwLWJvcmRlci1wcmVzc2VkOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtb2ZmLWJvcmRlci1wcmVzc2VkLCAjODY4Njg2KTtcbn1cblxuLyogQ2hhbm5lbCArIHNlY29uZGFyeSBoYXMgZGlzdGluY3QgdG9rZW4gdmFsdWVzIGluIEZpZ21hIGFuZCBjYW5ub3QgcmV1c2UgcHJpbWFyeSBjaGFubmVsIHZhbHVlcy4gKi9cbi50ZHMtY2hpcC0tY2hhbm5lbC10cnVlLnRkcy1jaGlwLS1pbnRlbnQtc2Vjb25kYXJ5LnRkcy1jaGlwLS10b2dnbGUtb24ge1xuICAtLXRkcy1jaGlwLWJnOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtc2Vjb25kYXJ5LW9uLWZpbGwtZGVmYXVsdCwgI2ZmZmZmZik7XG4gIC0tdGRzLWNoaXAtYmctaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb24tZmlsbC1ob3ZlciwgI2Q5ZDlkOSk7XG4gIC0tdGRzLWNoaXAtYmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLXNlY29uZGFyeS1vbi1maWxsLXByZXNzZWQsICNjY2NjY2MpO1xuICAtLXRkcy1jaGlwLWZnOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtc2Vjb25kYXJ5LW9uLXRleHQtZGVmYXVsdCwgIzczNzM3Myk7XG4gIC0tdGRzLWNoaXAtZmctaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb24tdGV4dC1ob3ZlciwgIzYyNjI2Mik7XG4gIC0tdGRzLWNoaXAtZmctcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLXNlY29uZGFyeS1vbi10ZXh0LXByZXNzZWQsICM1YzVjNWMpO1xuICAtLXRkcy1jaGlwLWljb246IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb24taWNvbi1kZWZhdWx0LCAjNzM3MzczKTtcbiAgLS10ZHMtY2hpcC1pY29uLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtc2Vjb25kYXJ5LW9uLWljb24taG92ZXIsICM2MjYyNjIpO1xuICAtLXRkcy1jaGlwLWljb24tcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLXNlY29uZGFyeS1vbi1pY29uLXByZXNzZWQsICM1YzVjNWMpO1xuICAtLXRkcy1jaGlwLWJvcmRlcjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLXNlY29uZGFyeS1vbi1ib3JkZXItZGVmYXVsdCwgIzczNzM3Myk7XG4gIC0tdGRzLWNoaXAtYm9yZGVyLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtc2Vjb25kYXJ5LW9uLWJvcmRlci1ob3ZlciwgIzYyNjI2Mik7XG4gIC0tdGRzLWNoaXAtYm9yZGVyLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb24tYm9yZGVyLXByZXNzZWQsICM1YzVjNWMpO1xufVxuXG4udGRzLWNoaXAtLWNoYW5uZWwtdHJ1ZS50ZHMtY2hpcC0taW50ZW50LXNlY29uZGFyeS50ZHMtY2hpcC0tdG9nZ2xlLW9mZiB7XG4gIC0tdGRzLWNoaXAtYmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb2ZmLWZpbGwtZGVmYXVsdCwgI2U2ZTZlNik7XG4gIC0tdGRzLWNoaXAtYmctaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb2ZmLWZpbGwtaG92ZXIsICNjNGM0YzQpO1xuICAtLXRkcy1jaGlwLWJnLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb2ZmLWZpbGwtcHJlc3NlZCwgI2NjY2NjYyk7XG4gIC0tdGRzLWNoaXAtZmc6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb2ZmLXRleHQtZGVmYXVsdCwgIzRkNGQ0ZCk7XG4gIC0tdGRzLWNoaXAtZmctaG92ZXI6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb2ZmLXRleHQtaG92ZXIsICM0MjQyNDIpO1xuICAtLXRkcy1jaGlwLWZnLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb2ZmLXRleHQtcHJlc3NlZCwgIzNlM2UzZSk7XG4gIC0tdGRzLWNoaXAtaWNvbjogdmFyKC0taW50ZXJhY3RpdmUtY2hpcC1jaGFubmVsLXNlY29uZGFyeS1vZmYtaWNvbi1kZWZhdWx0LCAjNGQ0ZDRkKTtcbiAgLS10ZHMtY2hpcC1pY29uLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1jaGlwLWNoYW5uZWwtc2Vjb25kYXJ5LW9mZi1pY29uLWhvdmVyLCAjNDI0MjQyKTtcbiAgLS10ZHMtY2hpcC1pY29uLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLWNoaXAtY2hhbm5lbC1zZWNvbmRhcnktb2ZmLWljb24tcHJlc3NlZCwgIzNlM2UzZSk7XG4gIC0tdGRzLWNoaXAtYm9yZGVyOiB0cmFuc3BhcmVudDtcbiAgLS10ZHMtY2hpcC1ib3JkZXItaG92ZXI6IHRyYW5zcGFyZW50O1xuICAtLXRkcy1jaGlwLWJvcmRlci1wcmVzc2VkOiB0cmFuc3BhcmVudDtcbn1cblxuLnRkcy1jaGlwX19sYWJlbCB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLnRkcy1jaGlwX19pY29uIHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjb2xvcjogdmFyKC0tdGRzLWNoaXAtaWNvbik7XG59XG5cbi50ZHMtY2hpcDpob3Zlcjpub3QoOmRpc2FibGVkKSAudGRzLWNoaXBfX2ljb24sXG4udGRzLWNoaXA6Zm9jdXMtdmlzaWJsZSAudGRzLWNoaXBfX2ljb24ge1xuICBjb2xvcjogdmFyKC0tdGRzLWNoaXAtaWNvbi1ob3Zlcik7XG59XG5cbi50ZHMtY2hpcDphY3RpdmU6bm90KDpkaXNhYmxlZCkgLnRkcy1jaGlwX19pY29uIHtcbiAgY29sb3I6IHZhcigtLXRkcy1jaGlwLWljb24tcHJlc3NlZCk7XG59XG5cbi50ZHMtY2hpcDpkaXNhYmxlZCAudGRzLWNoaXBfX2ljb24ge1xuICBjb2xvcjogdmFyKC0taW50ZXJhY3RpdmUtZGlzYWJsZWQtYSwgI2Q5ZDlkOSk7XG59XG5cbi50ZHMtY2hpcC0tc2l6ZS1zbWFsbCAudGRzLWNoaXBfX2ljb24ge1xuICB3aWR0aDogdmFyKC0tc3BhY2luZy0wOSk7XG4gIGhlaWdodDogdmFyKC0tc3BhY2luZy0wOSk7XG59XG5cbi50ZHMtY2hpcC0tc2l6ZS1sYXJnZSAudGRzLWNoaXBfX2ljb24ge1xuICB3aWR0aDogdmFyKC0tc3BhY2luZy0xMSk7XG4gIGhlaWdodDogdmFyKC0tc3BhY2luZy0xMSk7XG59Il19 */";
|
|
10
10
|
styleInject_es.styleInject(css_248z);
|
|
@@ -59,4 +59,4 @@ var Chip = function Chip(_ref) {
|
|
|
59
59
|
};
|
|
60
60
|
|
|
61
61
|
exports.Chip = Chip;
|
|
62
|
-
//# sourceMappingURL=Chip.cjs.
|
|
62
|
+
//# sourceMappingURL=Chip.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.cjs","sources":["../../src/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../utils/cn';\nimport './styles.css';\nimport { IconName } from '@times-design-system/icons';\nimport { Icon } from '../Icon/Icon';\n\ntype ChipIntent = 'primary' | 'secondary';\ntype ChipSize = 'small' | 'large';\ntype ChipState = 'base' | 'hover' | 'pressed' | 'disabled' | 'focus';\n\nexport interface ChipProps {\n /** Visual emphasis style */\n intent?: ChipIntent;\n /** Chip size variant */\n size?: ChipSize;\n /** Visual preview state for parity/testing */\n state?: ChipState;\n /** Applies channel color token family */\n channel?: boolean;\n /** Persistent toggle selection state */\n toggle?: boolean;\n /** Show a leading icon */\n iconLeft?: IconName;\n /** Show a trailing icon */\n iconRight?: IconName;\n /** Label content */\n children?: React.ReactNode;\n /** Optional accessible name override */\n 'aria-label'?: string;\n /** Optional camelCase alias for aria-label */\n ariaLabel?: string;\n /** @ignore */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n /** @ignore */\n className?: string;\n /** @ignore */\n disabled?: boolean;\n /** @ignore */\n type?: 'button' | 'submit' | 'reset';\n}\n\n/** Compact selectable/toggle control for in-page state changes */\nexport const Chip: React.FC<ChipProps> = ({\n intent = 'primary',\n size = 'small',\n state = 'base',\n channel = false,\n toggle = false,\n iconLeft,\n iconRight,\n children,\n 'aria-label': ariaLabelProp,\n ariaLabel,\n onClick,\n className,\n disabled = false,\n type = 'button'\n}) => {\n const resolvedDisabled = disabled || state === 'disabled';\n const resolvedLabel = children ?? 'Chip Label';\n const resolvedAriaLabel = ariaLabelProp ?? ariaLabel;\n const toggleClass = toggle ? 'off' : 'on';\n\n return (\n <button\n type={type}\n className={cn(\n 'tds-chip',\n `tds-chip--intent-${intent}`,\n `tds-chip--size-${size}`,\n `tds-chip--state-${state}`,\n `tds-chip--toggle-${toggleClass}`,\n channel ? 'tds-chip--channel-true' : 'tds-chip--channel-false',\n className\n )}\n aria-label={resolvedAriaLabel}\n aria-pressed={toggle ? true : undefined}\n disabled={resolvedDisabled}\n onClick={onClick}\n >\n {iconLeft && (\n <span className=\"tds-chip__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconLeft} />}\n </span>\n )}\n\n <span className=\"tds-chip__label\">{resolvedLabel}</span>\n\n {iconRight && (\n <span className=\"tds-chip__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconRight} />}\n </span>\n )}\n </button>\n );\n};\n"],"names":["Chip","_ref","_ref$intent","intent","_ref$size","size","_ref$state","state","_ref$channel","channel","_ref$toggle","toggle","iconLeft","iconRight","children","ariaLabelProp","ariaLabel","onClick","className","_ref$disabled","disabled","_ref$type","type","resolvedDisabled","resolvedLabel","resolvedAriaLabel","toggleClass","React","createElement","cn","concat","undefined","Icon","iconName"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs
|
|
3
|
+
var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs
|
|
6
|
-
var cn = require('../shared/cn-CPfjOlzZ.cjs
|
|
5
|
+
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
|
|
6
|
+
var cn = require('../shared/cn-CPfjOlzZ.cjs');
|
|
7
7
|
|
|
8
8
|
var css_248z = ".tds-divider{border:0;border-top:1px;border-color:var(--border-primary);border-style:solid;box-sizing:content-box;flex-shrink:0;height:0;width:100%}.tds-divider.tds-divider--dashed{border-style:dashed}.tds-divider--vertical{align-self:stretch;border-left:1px;border-top:none;border-style:solid;height:100%;width:0}.tds-divider--horizontal.tds-divider--padding{margin-block:var(--spacing-13)}.tds-divider--vertical.tds-divider--padding{margin-block:0;margin-inline:var(--spacing-13)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsYUFFRSxRQUFTLENBQ1QsY0FBZSxDQUVmLGtDQUFtQyxDQURuQyxrQkFBbUIsQ0FIbkIsc0JBQXVCLENBS3ZCLGFBQWMsQ0FDZCxRQUFTLENBQ1QsVUFDRixDQUVBLGlDQUNFLG1CQUNGLENBR0EsdUJBR0Usa0JBQW1CLENBRW5CLGVBQWdCLENBQ2hCLGVBQW1CLENBQW5CLGtCQUFtQixDQUpuQixXQUFZLENBRFosT0FNRixDQUdBLDhDQUNFLDhCQUNGLENBRUEsNENBRUUsY0FBZSxDQURmLCtCQUVGIiwiZmlsZSI6InN0eWxlcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBEaXZpZGVyIGNvbXBvbmVudCBzdHlsZXMgdXNpbmcgZGVzaWduIHRva2VucyAqL1xuXG4udGRzLWRpdmlkZXIge1xuICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHg7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYm9yZGVyLXByaW1hcnkpO1xuICBmbGV4LXNocmluazogMDtcbiAgaGVpZ2h0OiAwO1xuICB3aWR0aDogMTAwJTtcbn1cblxuLnRkcy1kaXZpZGVyLnRkcy1kaXZpZGVyLS1kYXNoZWQge1xuICBib3JkZXItc3R5bGU6IGRhc2hlZDtcbn1cblxuLyogVmVydGljYWwgKi9cbi50ZHMtZGl2aWRlci0tdmVydGljYWwge1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItbGVmdDogMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xufVxuXG4vKiBQYWRkaW5nIOKAlCBndXR0ZXIgc3BhY2luZyBhcm91bmQgdGhlIGxpbmUgKG1pcnJvcnMgRmlnbWEgcGFkZGluZz10cnVlKSAqL1xuLnRkcy1kaXZpZGVyLS1ob3Jpem9udGFsLnRkcy1kaXZpZGVyLS1wYWRkaW5nIHtcbiAgbWFyZ2luLWJsb2NrOiB2YXIoLS1zcGFjaW5nLTEzKTtcbn1cblxuLnRkcy1kaXZpZGVyLS12ZXJ0aWNhbC50ZHMtZGl2aWRlci0tcGFkZGluZyB7XG4gIG1hcmdpbi1pbmxpbmU6IHZhcigtLXNwYWNpbmctMTMpO1xuICBtYXJnaW4tYmxvY2s6IDA7XG59XG4iXX0= */";
|
|
9
9
|
styleInject_es.styleInject(css_248z);
|
|
@@ -27,4 +27,4 @@ var Divider = function Divider(_ref) {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
exports.Divider = Divider;
|
|
30
|
-
//# sourceMappingURL=Divider.cjs.
|
|
30
|
+
//# sourceMappingURL=Divider.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.cjs","sources":["../../src/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport './styles.css';\nimport { cn } from '../utils/cn';\n\nexport interface DividerProps {\n /** Line style: dashed for editorial content breaks, solid for structural UI separation */\n isDashed?: boolean;\n /** Axis along which the divider is drawn */\n isVertical?: boolean;\n /** Adds gutter spacing around the line */\n padding?: boolean;\n /** CSS class for additional styling */\n className?: string;\n}\n\nexport const Divider: React.FC<DividerProps> = ({\n isDashed = false,\n isVertical = false,\n padding = true,\n className = '',\n ...props\n}) => {\n return (\n <div\n role=\"separator\"\n aria-orientation={isVertical ? 'vertical' : 'horizontal'}\n className={cn(\n 'tds-divider',\n isVertical ? 'tds-divider--vertical' : 'tds-divider--horizontal',\n isDashed ? 'tds-divider--dashed' : 'tds-divider--solid',\n padding ? 'tds-divider--padding' : '',\n className\n )}\n {...props}\n />\n );\n};\n"],"names":["Divider","_ref","_ref$isDashed","isDashed","_ref$isVertical","isVertical","_ref$padding","padding","_ref$className","className","props","_objectWithoutProperties","_excluded","React","createElement","_objectSpread","role","cn"],"mappings":";;;;;;;;;;;IAeaA,OAAO,GAA2B,SAAlCA,OAAOA,CAAAC,IAAA,EAMf;AAAA,EAAA,IAAAC,aAAA,GAAAD,IAAA,CALHE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAAAE,eAAA,GAAAH,IAAA,CAChBI,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,eAAA;IAAAE,YAAA,GAAAL,IAAA,CAClBM,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,YAAA;IAAAE,cAAA,GAAAP,IAAA,CACdQ,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AACXE,IAAAA,KAAK,GAAAC,kDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA;AAER,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,wCAAA,CAAA;AACEC,IAAAA,IAAI,EAAC,WAAW;AAAA,IAAA,kBAAA,EACEX,UAAU,GAAG,UAAU,GAAG,YAAY;IACxDI,SAAS,EAAEQ,KAAE,CACX,aAAa,EACbZ,UAAU,GAAG,uBAAuB,GAAG,yBAAyB,EAChEF,QAAQ,GAAG,qBAAqB,GAAG,oBAAoB,EACvDI,OAAO,GAAG,sBAAsB,GAAG,EAAE,EACrCE,SAAS;GACV,EACGC,KAAK,CAAA,CACT;AAEN;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs
|
|
3
|
+
var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
|
-
var cn = require('../shared/cn-CPfjOlzZ.cjs
|
|
6
|
-
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs
|
|
7
|
-
var Icon_Icon = require('../Icon/Icon.cjs
|
|
5
|
+
var cn = require('../shared/cn-CPfjOlzZ.cjs');
|
|
6
|
+
var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
|
|
7
|
+
var Icon_Icon = require('../Icon/Icon.cjs');
|
|
8
8
|
|
|
9
9
|
var css_248z = ".tds-flag{--tds-flag-bg:var(--flag-primary-fill,#000);--tds-flag-fg:var(--flag-primary-text,#f2f2f2);--tds-flag-icon:var(--flag-primary-icon,var(--flag-fg));--tds-flag-border:transparent;align-items:center;background-color:var(--tds-flag-bg);border:1px solid var(--tds-flag-border);border-radius:var(--spacing-01);box-sizing:border-box;color:var(--tds-flag-fg);display:inline-flex;font-family:var(--fontFamily040,sans-serif);font-size:var(--fontSize020);font-weight:var(--fontWeight050,500);gap:var(--spacing-03);justify-content:center;line-height:var(--fontLineHeight020,1.125);min-height:19px;min-width:42px;padding:0 var(--spacing-01);text-transform:uppercase;white-space:nowrap}.tds-flag--size-small{font-size:var(--fontSize010,.75rem)}.tds-flag--intent-secondary{--tds-flag-bg:transparent;--tds-flag-fg:var(--flag-secondary-text,#1a1a1a);--tds-flag-icon:var(--flag-secondary-icon,var(--tds-flag-fg))}.tds-flag--intent-callout{--tds-flag-bg:var(--flag-callout-fill,#b20908);--tds-flag-fg:var(--flag-callout-text,#fff);--tds-flag-icon:var(--flag-callout-icon,var(--tds-flag-fg))}.tds-flag__icon,.tds-flag__label{align-items:center;display:inline-flex}.tds-flag__icon{color:var(--tds-flag-icon);justify-content:center}.tds-flag__icon svg{display:block;height:var(--spacing-09);width:var(--spacing-09)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFDRSwyQ0FBZ0QsQ0FDaEQsOENBQWdELENBQ2hELHVEQUF5RCxDQUN6RCw2QkFBOEIsQ0FHOUIsa0JBQW1CLENBUW5CLG1DQUFvQyxDQURwQyx1Q0FBd0MsQ0FEeEMsK0JBQWdDLENBVWhDLHFCQUFzQixDQVB0Qix3QkFBeUIsQ0FWekIsbUJBQW9CLENBV3BCLDJDQUE2QyxDQUM3Qyw0QkFBNkIsQ0FDN0Isb0NBQXNDLENBVnRDLHFCQUFzQixDQUR0QixzQkFBdUIsQ0FZdkIsMENBQTRDLENBVjVDLGVBQWdCLENBQ2hCLGNBQWUsQ0FDZiwyQkFBNEIsQ0FTNUIsd0JBQXlCLENBQ3pCLGtCQUVGLENBRUEsc0JBQ0UsbUNBQ0YsQ0FFQSw0QkFDRSx5QkFBMEIsQ0FDMUIsZ0RBQWtELENBQ2xELDZEQUNGLENBRUEsMEJBQ0UsOENBQWdELENBQ2hELDJDQUFnRCxDQUNoRCwyREFDRixDQU9BLGlDQUhFLGtCQUFtQixDQURuQixtQkFTRixDQUxBLGdCQUlFLDBCQUEyQixDQUQzQixzQkFFRixDQUVBLG9CQUNFLGFBQWMsQ0FFZCx3QkFBeUIsQ0FEekIsdUJBRUYiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi50ZHMtZmxhZyB7XG4gIC0tdGRzLWZsYWctYmc6IHZhcigtLWZsYWctcHJpbWFyeS1maWxsLCAjMDAwMDAwKTtcbiAgLS10ZHMtZmxhZy1mZzogdmFyKC0tZmxhZy1wcmltYXJ5LXRleHQsICNmMmYyZjIpO1xuICAtLXRkcy1mbGFnLWljb246IHZhcigtLWZsYWctcHJpbWFyeS1pY29uLCB2YXIoLS1mbGFnLWZnKSk7XG4gIC0tdGRzLWZsYWctYm9yZGVyOiB0cmFuc3BhcmVudDtcblxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogdmFyKC0tc3BhY2luZy0wMyk7XG4gIG1pbi1oZWlnaHQ6IDE5cHg7XG4gIG1pbi13aWR0aDogNDJweDtcbiAgcGFkZGluZzogMCB2YXIoLS1zcGFjaW5nLTAxKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc3BhY2luZy0wMSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLXRkcy1mbGFnLWJvcmRlcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRkcy1mbGFnLWJnKTtcbiAgY29sb3I6IHZhcigtLXRkcy1mbGFnLWZnKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnRGYW1pbHkwNDAsIHNhbnMtc2VyaWYpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplMDIwKTtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnRXZWlnaHQwNTAsIDUwMCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1mb250TGluZUhlaWdodDAyMCwgMS4xMjUpO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4udGRzLWZsYWctLXNpemUtc21hbGwge1xuICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplMDEwLCAwLjc1cmVtKTtcbn1cblxuLnRkcy1mbGFnLS1pbnRlbnQtc2Vjb25kYXJ5IHtcbiAgLS10ZHMtZmxhZy1iZzogdHJhbnNwYXJlbnQ7XG4gIC0tdGRzLWZsYWctZmc6IHZhcigtLWZsYWctc2Vjb25kYXJ5LXRleHQsICMxYTFhMWEpO1xuICAtLXRkcy1mbGFnLWljb246IHZhcigtLWZsYWctc2Vjb25kYXJ5LWljb24sIHZhcigtLXRkcy1mbGFnLWZnKSk7XG59XG5cbi50ZHMtZmxhZy0taW50ZW50LWNhbGxvdXQge1xuICAtLXRkcy1mbGFnLWJnOiB2YXIoLS1mbGFnLWNhbGxvdXQtZmlsbCwgI2IyMDkwOCk7XG4gIC0tdGRzLWZsYWctZmc6IHZhcigtLWZsYWctY2FsbG91dC10ZXh0LCAjZmZmZmZmKTtcbiAgLS10ZHMtZmxhZy1pY29uOiB2YXIoLS1mbGFnLWNhbGxvdXQtaWNvbiwgdmFyKC0tdGRzLWZsYWctZmcpKTtcbn1cblxuLnRkcy1mbGFnX19sYWJlbCB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4udGRzLWZsYWdfX2ljb24ge1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiB2YXIoLS10ZHMtZmxhZy1pY29uKTtcbn1cblxuLnRkcy1mbGFnX19pY29uIHN2ZyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogdmFyKC0tc3BhY2luZy0wOSk7XG4gIGhlaWdodDogdmFyKC0tc3BhY2luZy0wOSk7XG59XG4iXX0= */";
|
|
10
10
|
styleInject_es.styleInject(css_248z);
|
|
@@ -46,4 +46,4 @@ var Flag = function Flag(_ref) {
|
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
exports.Flag = Flag;
|
|
49
|
-
//# sourceMappingURL=Flag.cjs.
|
|
49
|
+
//# sourceMappingURL=Flag.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flag.cjs","sources":["../../src/Flag/Flag.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../utils/cn';\nimport './styles.css';\nimport { IconName } from '@times-design-system/icons';\nimport { Icon } from '../Icon/Icon';\n\ntype FlagIntent = 'primary' | 'secondary' | 'callout';\ntype FlagSize = 'medium' | 'small';\n\nexport interface FlagProps extends React.HTMLAttributes<HTMLSpanElement> {\n /** Visual treatment */\n intent?: FlagIntent;\n /** Typography size variant */\n size?: FlagSize;\n /** Show an icon on the left side of the label */\n iconLeft?: IconName;\n /** Show an icon on the right side of the label */\n iconRight?: IconName;\n /** Visible label text */\n label?: string;\n /** Optional slot content alias for label */\n children?: React.ReactNode;\n /** Optional accessible name override */\n 'aria-label'?: string;\n /** Optional camelCase alias for aria-label */\n ariaLabel?: string;\n}\n\n/** Small editorial tag used to signal live/update/channel context near article metadata */\nexport const Flag: React.FC<FlagProps> = ({\n intent = 'primary',\n size = 'medium',\n iconLeft,\n iconRight,\n label = 'LABEL',\n children,\n className,\n 'aria-label': ariaLabelProp,\n ariaLabel,\n ...rest\n}) => {\n const resolvedLabel = children ?? label;\n const resolvedAriaLabel = ariaLabelProp ?? ariaLabel;\n\n return (\n <span\n className={cn(\n 'tds-flag',\n `tds-flag--intent-${intent}`,\n `tds-flag--size-${size}`,\n className\n )}\n aria-label={resolvedAriaLabel}\n {...rest}\n >\n {iconLeft && (\n <span className=\"tds-flag__icon\" aria-hidden=\"true\">\n <Icon iconName={iconLeft} />\n </span>\n )}\n\n <span className=\"tds-flag__label\">{resolvedLabel}</span>\n\n {iconRight && (\n <span className=\"tds-flag__icon\" aria-hidden=\"true\">\n <Icon iconName={iconRight} />\n </span>\n )}\n </span>\n );\n};\n"],"names":["Flag","_ref","_ref$intent","intent","_ref$size","size","iconLeft","iconRight","_ref$label","label","children","className","ariaLabelProp","ariaLabel","rest","_objectWithoutProperties","_excluded","resolvedLabel","resolvedAriaLabel","React","cn","concat","createElement","Icon","iconName"],"mappings":";;;;;;;;;;;;AA4BA;IACaA,IAAI,GAAwB,SAA5BA,IAAIA,CAAAC,IAAA,EAWZ;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAVHE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,SAAA,GAAAH,IAAA,CAClBI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;IACfE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAAC,UAAA,GAAAP,IAAA,CACTQ,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,UAAA;IACfE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACRC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACKC,aAAa,GAAAX,IAAA,CAA3B,YAAY,CAAA;IACZY,SAAS,GAAAZ,IAAA,CAATY,SAAS;AACNC,IAAAA,IAAI,GAAAC,kDAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA;EAEP,IAAMC,aAAa,GAAGP,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,GAARA,QAAQ,GAAID,KAAK;EACvC,IAAMS,iBAAiB,GAAGN,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,MAAA,GAAbA,aAAa,GAAIC,SAAS;AAEpD,EAAA,oBACEM;AACER,IAAAA,SAAS,EAAES,KAAE,CACX,UAAU,sBAAAC,MAAA,CACUlB,MAAM,CAAA,EAAA,iBAAA,CAAAkB,MAAA,CACRhB,IAAI,CAAA,EACtBM,SAAS,CACV;AAAA,IAAA,YAAA,EACWO;GAAiB,EACzBJ,IAAI,GAEPR,QAAQ,kBACPa,KAAA,CAAAG,aAAA,CAAA,MAAA,EAAA;AAAMX,IAAAA,SAAS,EAAC,gBAAgB;mBAAa;AAAM,GAAA,eACjDQ,KAAA,CAAAG,aAAA,CAACC,cAAI,EAAA;AAACC,IAAAA,QAAQ,EAAElB;GAAQ,CAAI,CACvB,CACR,eAEDa,KAAA,CAAAG,aAAA,CAAA,MAAA,EAAA;AAAMX,IAAAA,SAAS,EAAC;GAAiB,EAAEM,aAAa,CAAQ,EAEvDV,SAAS,kBACRY,KAAA,CAAAG,aAAA,CAAA,MAAA,EAAA;AAAMX,IAAAA,SAAS,EAAC,gBAAgB;mBAAa;AAAM,GAAA,eACjDQ,KAAA,CAAAG,aAAA,CAACC,cAAI,EAAA;AAACC,IAAAA,QAAQ,EAAEjB;IAAa,CACxB,CACR,CACI;AAEX;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs
|
|
3
|
+
var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
|
|
6
6
|
var _excluded$YR = ["width", "height", "color", "className"];
|
|
@@ -171354,4 +171354,4 @@ var Icon = function Icon(_ref) {
|
|
|
171354
171354
|
|
|
171355
171355
|
exports.Icon = Icon;
|
|
171356
171356
|
exports.iconMap = iconMap;
|
|
171357
|
-
//# sourceMappingURL=Icon.cjs.
|
|
171357
|
+
//# sourceMappingURL=Icon.cjs.map
|