@politiet/sheriff-web-components 1.3.0 → 1.3.2
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/dist/frameworks/preact.d.ts +1 -0
- package/dist/frameworks/preact.d.ts.map +1 -1
- package/dist/frameworks/react.d.ts +1 -0
- package/dist/frameworks/react.d.ts.map +1 -1
- package/dist/frameworks/solidjs.d.ts +1 -0
- package/dist/frameworks/solidjs.d.ts.map +1 -1
- package/dist/frameworks/svelte.d.ts +1 -0
- package/dist/frameworks/svelte.d.ts.map +1 -1
- package/dist/frameworks/vue.d.ts +1 -0
- package/dist/frameworks/vue.d.ts.map +1 -1
- package/dist/playwright-util/screenshot.d.ts +3 -0
- package/dist/playwright-util/screenshot.d.ts.map +1 -0
- package/dist/playwright-util/screenshot.js +25 -0
- package/dist/playwright-util/screenshot.js.map +1 -0
- package/dist/react-wrappers/SDSAlertWrapper.d.ts +5 -0
- package/dist/react-wrappers/SDSAlertWrapper.d.ts.map +1 -0
- package/dist/react-wrappers/SDSAlertWrapper.js +12 -0
- package/dist/react-wrappers/SDSAlertWrapper.js.map +1 -0
- package/dist/react-wrappers/SDSCardWrapper.d.ts +3 -0
- package/dist/react-wrappers/SDSCardWrapper.d.ts.map +1 -0
- package/dist/react-wrappers/SDSCardWrapper.js +10 -0
- package/dist/react-wrappers/SDSCardWrapper.js.map +1 -0
- package/dist/react-wrappers/SDSTagWrapper.d.ts +3 -0
- package/dist/react-wrappers/SDSTagWrapper.d.ts.map +1 -0
- package/dist/react-wrappers/SDSTagWrapper.js +10 -0
- package/dist/react-wrappers/SDSTagWrapper.js.map +1 -0
- package/dist/react-wrappers/SDSTextAreaWrapper.d.ts +9 -0
- package/dist/react-wrappers/SDSTextAreaWrapper.d.ts.map +1 -0
- package/dist/react-wrappers/SDSTextAreaWrapper.js +16 -0
- package/dist/react-wrappers/SDSTextAreaWrapper.js.map +1 -0
- package/dist/react-wrappers/index.d.ts +1 -0
- package/dist/react-wrappers/index.d.ts.map +1 -1
- package/dist/react-wrappers/index.js +1 -0
- package/dist/react-wrappers/index.js.map +1 -1
- package/dist/sds-alert/sds-alert.d.ts +27 -0
- package/dist/sds-alert/sds-alert.d.ts.map +1 -0
- package/dist/sds-alert/sds-alert.js +65 -0
- package/dist/sds-alert/sds-alert.js.map +1 -0
- package/dist/sds-alert/sds-alert.styles.d.ts +2 -0
- package/dist/sds-alert/sds-alert.styles.d.ts.map +1 -0
- package/dist/sds-alert/sds-alert.styles.js +171 -0
- package/dist/sds-alert/sds-alert.styles.js.map +1 -0
- package/dist/sds-card/sds-card.d.ts +18 -0
- package/dist/sds-card/sds-card.d.ts.map +1 -0
- package/dist/sds-card/sds-card.js +58 -0
- package/dist/sds-card/sds-card.js.map +1 -0
- package/dist/sds-card/sds-card.styles.d.ts +2 -0
- package/dist/sds-card/sds-card.styles.d.ts.map +1 -0
- package/dist/sds-card/sds-card.styles.js +124 -0
- package/dist/sds-card/sds-card.styles.js.map +1 -0
- package/dist/sds-checkbox/sds-checkbox.d.ts.map +1 -1
- package/dist/sds-checkbox/sds-checkbox.js +1 -0
- package/dist/sds-checkbox/sds-checkbox.js.map +1 -1
- package/dist/sds-checkbox/sds-checkbox.spec.js +19 -0
- package/dist/sds-checkbox/sds-checkbox.spec.js.map +1 -1
- package/dist/sds-icon/sds-icon.system.d.ts +6 -0
- package/dist/sds-icon/sds-icon.system.d.ts.map +1 -0
- package/dist/sds-icon/sds-icon.system.js +24 -0
- package/dist/sds-icon/sds-icon.system.js.map +1 -0
- package/dist/sds-radio/sds-radio.d.ts.map +1 -1
- package/dist/sds-radio/sds-radio.js +1 -0
- package/dist/sds-radio/sds-radio.js.map +1 -1
- package/dist/sds-radio/sds-radio.spec.js +26 -0
- package/dist/sds-radio/sds-radio.spec.js.map +1 -1
- package/dist/sds-tag/sds-tag.d.ts +21 -0
- package/dist/sds-tag/sds-tag.d.ts.map +1 -0
- package/dist/sds-tag/sds-tag.js +38 -0
- package/dist/sds-tag/sds-tag.js.map +1 -0
- package/dist/sds-tag/sds-tag.styles.d.ts +2 -0
- package/dist/sds-tag/sds-tag.styles.d.ts.map +1 -0
- package/dist/sds-tag/sds-tag.styles.js +90 -0
- package/dist/sds-tag/sds-tag.styles.js.map +1 -0
- package/dist/sheriff-web-components.js +2 -0
- package/dist/types.d.ts +5 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/dist/utils/slot-validator.d.ts +2 -0
- package/dist/utils/slot-validator.d.ts.map +1 -0
- package/dist/utils/slot-validator.js +24 -0
- package/dist/utils/slot-validator.js.map +1 -0
- package/package.json +1 -1
- package/dist/sds-icon/sds-icon.allowed-colors.d.ts +0 -3
- package/dist/sds-icon/sds-icon.allowed-colors.d.ts.map +0 -1
- package/dist/sds-icon/sds-icon.allowed-colors.js +0 -17
- package/dist/sds-icon/sds-icon.allowed-colors.js.map +0 -1
- package/dist/sds-icon/sds-icon.allowed-names.d.ts +0 -3
- package/dist/sds-icon/sds-icon.allowed-names.d.ts.map +0 -1
- package/dist/sds-icon/sds-icon.allowed-names.js +0 -2
- package/dist/sds-icon/sds-icon.allowed-names.js.map +0 -1
- package/dist/sds-icon/sds-icon.color-types.d.ts +0 -2
- package/dist/sds-icon/sds-icon.color-types.d.ts.map +0 -1
- package/dist/sds-icon/sds-icon.color-types.js +0 -2
- package/dist/sds-icon/sds-icon.color-types.js.map +0 -1
- package/dist/sds-icon/sds-icon.icon-types.d.ts +0 -2
- package/dist/sds-icon/sds-icon.icon-types.d.ts.map +0 -1
- package/dist/sds-icon/sds-icon.icon-types.js +0 -2
- package/dist/sds-icon/sds-icon.icon-types.js.map +0 -1
- package/dist/utils/hmr-helper.d.ts +0 -2
- package/dist/utils/hmr-helper.d.ts.map +0 -1
- package/dist/utils/hmr-helper.js +0 -17
- package/dist/utils/hmr-helper.js.map +0 -1
- package/dist/utils/safe-custom-element.d.ts +0 -2
- package/dist/utils/safe-custom-element.d.ts.map +0 -1
- package/dist/utils/safe-custom-element.js +0 -9
- package/dist/utils/safe-custom-element.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-radio.spec.js","sourceRoot":"","sources":["../../src/sds-radio/sds-radio.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"sds-radio.spec.js","sourceRoot":"","sources":["../../src/sds-radio/sds-radio.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { test } from '@playwright/test';\nimport { onFormSubmitCallback } from '../playwright-util/form';\nimport { expect } from '../playwright-util/custom-matchers';\nimport { takeScreenshotOfElement } from 'src/playwright-util/screenshot';\n\ntest.describe('radio-component', () => {\n\ttest.beforeEach(async ({ page }) => {\n\t\tawait page.goto('iframe.html?viewMode=docs&id=test-radio--docs');\n\t});\n\n\ttest('visibility', async ({ page }) => {\n\t\tawait expect(page.locator('#with-label')).toBeVisible();\n\t\tawait expect(page.locator('#unchecked')).toBeVisible();\n\t\tawait expect(page.locator('#checked')).toBeVisible();\n\t\tawait expect(page.locator('#custom-value')).toBeVisible();\n\t\tawait expect(page.locator('#disabled')).toBeVisible();\n\t\tawait expect(page.locator('#checked-disabled')).toBeVisible();\n\t});\n\n\ttest('states', async ({ page }) => {\n\t\tconst radioWithLabel = page.locator('#with-label');\n\t\tawait expect(radioWithLabel).isNotChecked();\n\n\t\tconst uncheckedRadio = page.locator('#unchecked');\n\t\tawait expect(uncheckedRadio).isNotChecked();\n\n\t\tconst checkedRadio = page.locator('#checked');\n\t\tawait expect(checkedRadio).isChecked();\n\n\t\tconst disabledRadio = page.locator('#disabled');\n\t\tawait expect(disabledRadio).toHaveAttribute('disabled', '');\n\n\t\tconst checkedDisabledRadio = page.locator('#checked-disabled');\n\t\tawait expect(checkedDisabledRadio).isChecked();\n\t\tawait expect(checkedDisabledRadio).toHaveAttribute('disabled', '');\n\t});\n\n\ttest('interaction', async ({ page }) => {\n\t\tawait page.getByLabel('Radio button with label').click();\n\t\tconst radioWithLabel = page.locator('#with-label');\n\t\tawait expect(radioWithLabel).isChecked();\n\n\t\tconst uncheckedRadio = page.locator('#unchecked');\n\t\tawait uncheckedRadio.click();\n\t\tawait expect(uncheckedRadio).isChecked();\n\n\t\tconst disabledRadio = page.locator('#disabled');\n\t\tawait disabledRadio.click();\n\t\tawait expect(disabledRadio).isNotChecked();\n\n\t\tconst checkedDisabledRadio = page.locator('#checked-disabled');\n\t\tawait checkedDisabledRadio.click();\n\t\tawait expect(checkedDisabledRadio).isChecked();\n\t});\n\n\ttest('keep checked property in sync with checked attribute', async ({ page }) => {\n\t\tconst reactRadioButton = page.locator('#react-radio-button');\n\t\tconst radioButtonInsideShadowDOM = page.getByRole('radio', { name: 'React radio button', exact: true });\n\n\t\t// First interact with button with a click\n\t\tawait reactRadioButton.click();\n\t\tawait expect(reactRadioButton).isChecked();\n\t\texpect(radioButtonInsideShadowDOM.isChecked()).toBeTruthy();\n\t\tawait expect(radioButtonInsideShadowDOM).isChecked();\n\n\t\t// Then try to change the state using the button,\n\t\t// which will change the React component's internal state.\n\t\tconst reactButton = page.locator('#react-button');\n\n\t\tawait reactButton.click();\n\t\tawait expect(reactRadioButton).isChecked();\n\t\texpect(await radioButtonInsideShadowDOM.isChecked()).toBeTruthy();\n\n\t\t// This verifies that the internal input and the checkbox's state are in sync.\n\t\tawait reactButton.click();\n\t\tawait expect(reactRadioButton).isNotChecked();\n\t\texpect(await radioButtonInsideShadowDOM.isChecked()).toBeFalsy();\n\t});\n\n\ttest('form-submission', async ({ page }) => {\n\t\tconst getFormData = await onFormSubmitCallback(page, 'radio-form');\n\n\t\tconst radioGroupMember = page.locator('#group-member-1');\n\t\tawait radioGroupMember.click();\n\n\t\tconst radioGroupMember2 = page.locator('#group-member-2');\n\t\tawait radioGroupMember2.click();\n\n\t\tconst radioGroupMember3 = page.locator('#group-member-3');\n\t\tawait radioGroupMember3.click();\n\n\t\tawait page.locator('#submit-button').click();\n\n\t\tawait expect.poll(async () => (await getFormData()) !== null, 'Form data not received').toBeTruthy();\n\t\tconst formData = await getFormData();\n\n\t\texpect(formData).toMatchObject({\n\t\t\tchecked: 'on',\n\t\t\t'custom-value': 'custom-value',\n\t\t\t'radio-group': 'option-3',\n\t\t});\n\t\texpect(formData).not.toHaveProperty('unchecked');\n\t\texpect(formData).not.toHaveProperty('disabled');\n\t\texpect(formData).not.toHaveProperty('checked-disabled');\n\t});\n\n\ttest('form-reset', async ({ page }) => {\n\t\tawait page.locator('#unchecked').click();\n\t\tawait page.locator('#checked').click();\n\n\t\tawait page.locator('#reset-button').click();\n\n\t\tawait expect(page.locator('#unchecked')).isNotChecked();\n\t\tawait expect(page.locator('#checked')).isChecked();\n\t});\n\n\ttest('design-implementation', async ({ page }) => {\n\t\tconst elementIds = ['with-label', 'unchecked', 'checked', 'custom-value', 'disabled', 'checked-disabled'];\n\t\tfor (const elementId of elementIds) {\n\t\t\tawait takeScreenshotOfElement(page, elementId);\n\t\t}\n\t});\n});\n"]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { SDS_COLOR_PALETTES, SDS_SIZES } from '../types';
|
|
3
|
+
type TagColor = Extract<SDS_COLOR_PALETTES, 'neutral' | 'primary' | 'info' | 'success' | 'attention' | 'warning' | 'danger'> | 'danger-critical';
|
|
4
|
+
type TagSize = Extract<SDS_SIZES, 'lg' | 'md' | 'sm'>;
|
|
5
|
+
export interface SDSTagProps {
|
|
6
|
+
color?: TagColor;
|
|
7
|
+
size?: TagSize;
|
|
8
|
+
}
|
|
9
|
+
export declare class SDSTag extends LitElement {
|
|
10
|
+
static styles: import("lit").CSSResult[];
|
|
11
|
+
color: TagColor;
|
|
12
|
+
size: TagSize;
|
|
13
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
14
|
+
}
|
|
15
|
+
declare global {
|
|
16
|
+
interface HTMLElementTagNameMap {
|
|
17
|
+
'sds-tag': SDSTag;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=sds-tag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sds-tag.d.ts","sourceRoot":"","sources":["../../src/sds-tag/sds-tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEzD,KAAK,QAAQ,GAAG,OAAO,CAAC,kBAAkB,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,GAAG,iBAAiB,CAAC;AACjJ,KAAK,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC3B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,qBACa,MAAO,SAAQ,UAAU;IACrC,OAAgB,MAAM,4BAAY;IAES,KAAK,EAAE,QAAQ,CAAa;IAC5B,IAAI,EAAE,OAAO,CAAQ;IAEvD,MAAM;CASf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,SAAS,EAAE,MAAM,CAAC;KAClB;CACD"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html } from 'lit';
|
|
8
|
+
import { property } from 'lit/decorators.js';
|
|
9
|
+
import { classMap } from 'lit/directives/class-map.js';
|
|
10
|
+
import { guardedCustomElement } from '../utils/guarded-custom-element';
|
|
11
|
+
import { styles } from './sds-tag.styles';
|
|
12
|
+
let SDSTag = class SDSTag extends LitElement {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments);
|
|
15
|
+
this.color = 'neutral';
|
|
16
|
+
this.size = 'md';
|
|
17
|
+
}
|
|
18
|
+
render() {
|
|
19
|
+
const tagClasses = {
|
|
20
|
+
'sds-tag': true,
|
|
21
|
+
};
|
|
22
|
+
return html `<span class="${classMap(tagClasses)}">
|
|
23
|
+
<slot></slot>
|
|
24
|
+
</span>`;
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
SDSTag.styles = [styles];
|
|
28
|
+
__decorate([
|
|
29
|
+
property({ type: String, reflect: true })
|
|
30
|
+
], SDSTag.prototype, "color", void 0);
|
|
31
|
+
__decorate([
|
|
32
|
+
property({ type: String, reflect: true })
|
|
33
|
+
], SDSTag.prototype, "size", void 0);
|
|
34
|
+
SDSTag = __decorate([
|
|
35
|
+
guardedCustomElement('sds-tag')
|
|
36
|
+
], SDSTag);
|
|
37
|
+
export { SDSTag };
|
|
38
|
+
//# sourceMappingURL=sds-tag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sds-tag.js","sourceRoot":"","sources":["../../src/sds-tag/sds-tag.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAYnC,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAGqC,UAAK,GAAa,SAAS,CAAC;QAC5B,SAAI,GAAY,IAAI,CAAC;IAWjE,CAAC;IATS,MAAM;QACd,MAAM,UAAU,GAAG;YAClB,SAAS,EAAE,IAAI;SACf,CAAC;QAEF,OAAO,IAAI,CAAA,gBAAgB,QAAQ,CAAC,UAAU,CAAC;;UAEvC,CAAC;IACV,CAAC;;AAbe,aAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAES;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAA6B;AAC5B;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAsB;AAJpD,MAAM;IADlB,oBAAoB,CAAC,SAAS,CAAC;GACnB,MAAM,CAelB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { styles } from './sds-tag.styles';\nimport { SDS_COLOR_PALETTES, SDS_SIZES } from '../types';\n\ntype TagColor = Extract<SDS_COLOR_PALETTES, 'neutral' | 'primary' | 'info' | 'success' | 'attention' | 'warning' | 'danger'> | 'danger-critical';\ntype TagSize = Extract<SDS_SIZES, 'lg' | 'md' | 'sm'>;\n\nexport interface SDSTagProps {\n\tcolor?: TagColor;\n\tsize?: TagSize;\n}\n\n@guardedCustomElement('sds-tag')\nexport class SDSTag extends LitElement {\n\tstatic override styles = [styles];\n\n\t@property({ type: String, reflect: true }) color: TagColor = 'neutral';\n\t@property({ type: String, reflect: true }) size: TagSize = 'md';\n\n\toverride render() {\n\t\tconst tagClasses = {\n\t\t\t'sds-tag': true,\n\t\t};\n\n\t\treturn html`<span class=\"${classMap(tagClasses)}\">\n\t\t\t<slot></slot>\n\t\t</span>`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-tag': SDSTag;\n\t}\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sds-tag.styles.d.ts","sourceRoot":"","sources":["../../src/sds-tag/sds-tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAuFlB,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `
|
|
3
|
+
:host {
|
|
4
|
+
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-neutral-surface-tinted));
|
|
5
|
+
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-neutral-text-default));
|
|
6
|
+
|
|
7
|
+
--_sds-tag-font-family: var(--sds-tag-font-family, var(--sds-typography-font-family-roboto));
|
|
8
|
+
--_sds-tag-font-weight: var(--sds-tag-font-weight, var(--sds-typography-font-weight-regular));
|
|
9
|
+
--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-md));
|
|
10
|
+
--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-md));
|
|
11
|
+
|
|
12
|
+
--_sds-tag-height: var(--sds-tag-height, var(--sds-components-chip-md));
|
|
13
|
+
--_sds-tag-gap: var(--sds-tag-gap, var(--sds-spacing--zero));
|
|
14
|
+
--_sds-tag-padding-inline: var(--sds-tag-padding-inline, var(--sds-spacing-3xs));
|
|
15
|
+
--_sds-tag-border-radius: var(--sds-tag-border-radius, var(--sds-radius-xs));
|
|
16
|
+
|
|
17
|
+
display: inline-block;
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.sds-tag {
|
|
22
|
+
height: var(--_sds-tag-height);
|
|
23
|
+
display: inline-flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
gap: var(--_sds-tag-gap);
|
|
27
|
+
padding-inline: var(--_sds-tag-padding-inline);
|
|
28
|
+
|
|
29
|
+
color: var(--_sds-tag-text-color);
|
|
30
|
+
background-color: var(--_sds-tag-background-color);
|
|
31
|
+
border-radius: var(--_sds-tag-border-radius);
|
|
32
|
+
|
|
33
|
+
font-family: var(--_sds-tag-font-family);
|
|
34
|
+
font-size: var(--_sds-tag-font-size);
|
|
35
|
+
font-weight: var(--_sds-tag-font-weight);
|
|
36
|
+
line-height: var(--_sds-tag-line-height);
|
|
37
|
+
text-align: center;
|
|
38
|
+
|
|
39
|
+
user-select: text;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
:host([color='primary']) {
|
|
43
|
+
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-primary-surface-tinted));
|
|
44
|
+
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-primary-text-default));
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
:host([color='info']) {
|
|
48
|
+
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-info-surface-tinted));
|
|
49
|
+
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-info-text-default));
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
:host([color='success']) {
|
|
53
|
+
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-success-surface-tinted));
|
|
54
|
+
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-success-text-default));
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:host([color='attention']) {
|
|
58
|
+
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-attention-surface-hover));
|
|
59
|
+
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-attention-text-default));
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:host([color='warning']) {
|
|
63
|
+
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-warning-surface-hover));
|
|
64
|
+
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-warning-text-default));
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
:host([color='danger']) {
|
|
68
|
+
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-danger-surface-hover));
|
|
69
|
+
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-danger-text-default));
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
:host([color='danger-critical']) {
|
|
73
|
+
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-danger-action-default));
|
|
74
|
+
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-danger-action-contrast-default));
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
:host([size='sm']) {
|
|
78
|
+
--_sds-tag-height: var(--sds-tag-height, var(--sds-components-chip-sm));
|
|
79
|
+
--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-sm));
|
|
80
|
+
--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-sm));
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
:host([size='lg']) {
|
|
84
|
+
color: red;
|
|
85
|
+
--_sds-tag-height: var(--sds-tag-height, var(--sds-components-chip-lg));
|
|
86
|
+
--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-lg));
|
|
87
|
+
--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-lg));
|
|
88
|
+
}
|
|
89
|
+
`;
|
|
90
|
+
//# sourceMappingURL=sds-tag.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sds-tag.styles.js","sourceRoot":"","sources":["../../src/sds-tag/sds-tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-neutral-surface-tinted));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-neutral-text-default));\n\n\t\t--_sds-tag-font-family: var(--sds-tag-font-family, var(--sds-typography-font-family-roboto));\n\t\t--_sds-tag-font-weight: var(--sds-tag-font-weight, var(--sds-typography-font-weight-regular));\n\t\t--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-md));\n\t\t--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-md));\n\n\t\t--_sds-tag-height: var(--sds-tag-height, var(--sds-components-chip-md));\n\t\t--_sds-tag-gap: var(--sds-tag-gap, var(--sds-spacing--zero));\n\t\t--_sds-tag-padding-inline: var(--sds-tag-padding-inline, var(--sds-spacing-3xs));\n\t\t--_sds-tag-border-radius: var(--sds-tag-border-radius, var(--sds-radius-xs));\n\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.sds-tag {\n\t\theight: var(--_sds-tag-height);\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: var(--_sds-tag-gap);\n\t\tpadding-inline: var(--_sds-tag-padding-inline);\n\n\t\tcolor: var(--_sds-tag-text-color);\n\t\tbackground-color: var(--_sds-tag-background-color);\n\t\tborder-radius: var(--_sds-tag-border-radius);\n\n\t\tfont-family: var(--_sds-tag-font-family);\n\t\tfont-size: var(--_sds-tag-font-size);\n\t\tfont-weight: var(--_sds-tag-font-weight);\n\t\tline-height: var(--_sds-tag-line-height);\n\t\ttext-align: center;\n\n\t\tuser-select: text;\n\t}\n\n\t:host([color='primary']) {\n\t\t--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-primary-surface-tinted));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-primary-text-default));\n\t}\n\n\t:host([color='info']) {\n\t\t--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-info-surface-tinted));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-info-text-default));\n\t}\n\n\t:host([color='success']) {\n\t\t--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-success-surface-tinted));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-success-text-default));\n\t}\n\n\t:host([color='attention']) {\n\t\t--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-attention-surface-hover));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-attention-text-default));\n\t}\n\n\t:host([color='warning']) {\n\t\t--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-warning-surface-hover));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-warning-text-default));\n\t}\n\n\t:host([color='danger']) {\n\t\t--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-danger-surface-hover));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-danger-text-default));\n\t}\n\n\t:host([color='danger-critical']) {\n\t\t--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-danger-action-default));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-danger-action-contrast-default));\n\t}\n\n\t:host([size='sm']) {\n\t\t--_sds-tag-height: var(--sds-tag-height, var(--sds-components-chip-sm));\n\t\t--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-sm));\n\t\t--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-sm));\n\t}\n\n\t:host([size='lg']) {\n\t\tcolor: red;\n\t\t--_sds-tag-height: var(--sds-tag-height, var(--sds-components-chip-lg));\n\t\t--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-lg));\n\t\t--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-lg));\n\t}\n`;\n"]}
|
|
@@ -1189,6 +1189,7 @@ let SDSCheckbox = class extends i$1 {
|
|
|
1189
1189
|
type="checkbox"
|
|
1190
1190
|
name="${o$1(this.name)}"
|
|
1191
1191
|
value="${o$1(this.value)}"
|
|
1192
|
+
.checked="${this.checked}"
|
|
1192
1193
|
?checked="${this.checked}"
|
|
1193
1194
|
?disabled="${this.disabled}"
|
|
1194
1195
|
?required="${this.required}"
|
|
@@ -3024,6 +3025,7 @@ let SDSRadio = class extends i$1 {
|
|
|
3024
3025
|
type="radio"
|
|
3025
3026
|
name="${o$1(this.name)}"
|
|
3026
3027
|
value="${o$1(this.value)}"
|
|
3028
|
+
.checked="${this.checked}"
|
|
3027
3029
|
?checked="${this.checked}"
|
|
3028
3030
|
?disabled="${this.disabled}"
|
|
3029
3031
|
?required="${this.required}"
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type SDS_COLOR_PALETTES = 'neutral' | 'primary' | 'accent' | 'secondary' | 'tertiary' | 'info' | 'success' | 'attention' | 'warning' | 'danger';
|
|
2
|
+
export type SDS_SIZES = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
|
|
3
|
+
export type SDS_VARIANTS = 'primary' | 'secondary' | 'tertiary';
|
|
4
|
+
export type AutocompleteTypes = 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
|
|
5
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvJ,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAC1B,KAAK,GACL,IAAI,GACJ,MAAM,GACN,kBAAkB,GAClB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,UAAU,GACV,OAAO,GACP,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,UAAU,GACV,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,KAAK,GACL,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,eAAe,GACf,MAAM,GACN,KAAK,GACL,OAAO,CAAC"}
|
package/dist/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SDS_COLOR_PALETTES = 'neutral' | 'primary' | 'accent' | 'secondary' | 'tertiary' | 'info' | 'success' | 'attention' | 'warning' | 'danger';\nexport type SDS_SIZES = 'xl' | 'lg' | 'md' | 'sm' | 'xs';\nexport type SDS_VARIANTS = 'primary' | 'secondary' | 'tertiary';\nexport type AutocompleteTypes =\n\t| 'off'\n\t| 'on'\n\t| 'name'\n\t| 'honorific-prefix'\n\t| 'given-name'\n\t| 'additional-name'\n\t| 'family-name'\n\t| 'honorific-suffix'\n\t| 'nickname'\n\t| 'email'\n\t| 'username'\n\t| 'new-password'\n\t| 'current-password'\n\t| 'one-time-code'\n\t| 'organization-title'\n\t| 'organization'\n\t| 'street-address'\n\t| 'address-line1'\n\t| 'address-line2'\n\t| 'address-line3'\n\t| 'address-level4'\n\t| 'address-level3'\n\t| 'address-level2'\n\t| 'address-level1'\n\t| 'country'\n\t| 'country-name'\n\t| 'postal-code'\n\t| 'cc-name'\n\t| 'cc-given-name'\n\t| 'cc-additional-name'\n\t| 'cc-family-name'\n\t| 'cc-number'\n\t| 'cc-exp'\n\t| 'cc-exp-month'\n\t| 'cc-exp-year'\n\t| 'cc-csc'\n\t| 'cc-type'\n\t| 'transaction-currency'\n\t| 'transaction-amount'\n\t| 'language'\n\t| 'bday'\n\t| 'bday-day'\n\t| 'bday-month'\n\t| 'bday-year'\n\t| 'sex'\n\t| 'tel'\n\t| 'tel-country-code'\n\t| 'tel-national'\n\t| 'tel-area-code'\n\t| 'tel-local'\n\t| 'tel-extension'\n\t| 'impp'\n\t| 'url'\n\t| 'photo';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slot-validator.d.ts","sourceRoot":"","sources":["../../src/utils/slot-validator.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI,CAuBlI"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export function validateSlotContent(slot, allowedTags, allowText, warningMessage) {
|
|
2
|
+
const invalid = slot.assignedNodes({ flatten: true }).filter((node) => {
|
|
3
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
4
|
+
const text = node.textContent?.trim() ?? '';
|
|
5
|
+
return !allowText && text.length > 0;
|
|
6
|
+
}
|
|
7
|
+
if (node.nodeType === Node.ELEMENT_NODE) {
|
|
8
|
+
const el = node;
|
|
9
|
+
const tagName = el.tagName.toUpperCase();
|
|
10
|
+
// Top-level must be an allowed tag
|
|
11
|
+
if (!allowedTags.includes(tagName)) {
|
|
12
|
+
return true;
|
|
13
|
+
}
|
|
14
|
+
// And it must not contain any nested element children
|
|
15
|
+
const hasNestedElements = Array.from(el.childNodes).some((child) => child.nodeType === Node.ELEMENT_NODE);
|
|
16
|
+
return hasNestedElements;
|
|
17
|
+
}
|
|
18
|
+
return false;
|
|
19
|
+
});
|
|
20
|
+
if (invalid.length > 0) {
|
|
21
|
+
console.warn(warningMessage, ...invalid);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=slot-validator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slot-validator.js","sourceRoot":"","sources":["../../src/utils/slot-validator.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,IAAqB,EAAE,WAAqB,EAAE,SAAkB,EAAE,cAAsB;IAC3H,MAAM,OAAO,GAAW,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAU,EAAE,EAAE;QACnF,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;YAC5C,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;YACzC,MAAM,EAAE,GAAG,IAAe,CAAC;YAC3B,MAAM,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;YACzC,mCAAmC;YACnC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACpC,OAAO,IAAI,CAAC;YACb,CAAC;YACD,sDAAsD;YACtD,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC;YAC1G,OAAO,iBAAiB,CAAC;QAC1B,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,GAAG,OAAO,CAAC,CAAC;IAC1C,CAAC;AACF,CAAC","sourcesContent":["export function validateSlotContent(slot: HTMLSlotElement, allowedTags: string[], allowText: boolean, warningMessage: string): void {\n\tconst invalid: Node[] = slot.assignedNodes({ flatten: true }).filter((node: Node) => {\n\t\tif (node.nodeType === Node.TEXT_NODE) {\n\t\t\tconst text = node.textContent?.trim() ?? '';\n\t\t\treturn !allowText && text.length > 0;\n\t\t}\n\t\tif (node.nodeType === Node.ELEMENT_NODE) {\n\t\t\tconst el = node as Element;\n\t\t\tconst tagName = el.tagName.toUpperCase();\n\t\t\t// Top-level must be an allowed tag\n\t\t\tif (!allowedTags.includes(tagName)) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\t// And it must not contain any nested element children\n\t\t\tconst hasNestedElements = Array.from(el.childNodes).some((child) => child.nodeType === Node.ELEMENT_NODE);\n\t\t\treturn hasNestedElements;\n\t\t}\n\t\treturn false;\n\t});\n\n\tif (invalid.length > 0) {\n\t\tconsole.warn(warningMessage, ...invalid);\n\t}\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sds-icon.allowed-colors.d.ts","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.allowed-colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,SAAS,EAexC,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export const allowedColorTypes = [
|
|
2
|
-
'currentColor',
|
|
3
|
-
'var(--sds-color-semantic-icon-action-selected)',
|
|
4
|
-
'var(--sds-color-semantic-icon-action-active)',
|
|
5
|
-
'var(--sds-color-semantic-icon-action-hover)',
|
|
6
|
-
'var(--sds-color-semantic-icon-action-default)',
|
|
7
|
-
'var(--sds-color-semantic-icon-critical)',
|
|
8
|
-
'var(--sds-color-semantic-icon-warning)',
|
|
9
|
-
'var(--sds-color-semantic-icon-attention)',
|
|
10
|
-
'var(--sds-color-semantic-icon-ok)',
|
|
11
|
-
'var(--sds-color-semantic-icon-info)',
|
|
12
|
-
'var(--sds-color-semantic-icon-on-action)',
|
|
13
|
-
'var(--sds-color-semantic-icon-disabled)',
|
|
14
|
-
'var(--sds-color-semantic-icon-subtle)',
|
|
15
|
-
'var(--sds-color-semantic-icon-default)',
|
|
16
|
-
];
|
|
17
|
-
//# sourceMappingURL=sds-icon.allowed-colors.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sds-icon.allowed-colors.js","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.allowed-colors.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAgB;IAC7C,cAAc;IACd,gDAAgD;IAChD,8CAA8C;IAC9C,6CAA6C;IAC7C,+CAA+C;IAC/C,yCAAyC;IACzC,wCAAwC;IACxC,0CAA0C;IAC1C,mCAAmC;IACnC,qCAAqC;IACrC,0CAA0C;IAC1C,yCAAyC;IACzC,uCAAuC;IACvC,wCAAwC;CACxC,CAAC","sourcesContent":["import { type ColorType } from './sds-icon.color-types';\n\nexport const allowedColorTypes: ColorType[] = [\n\t'currentColor',\n\t'var(--sds-color-semantic-icon-action-selected)',\n\t'var(--sds-color-semantic-icon-action-active)',\n\t'var(--sds-color-semantic-icon-action-hover)',\n\t'var(--sds-color-semantic-icon-action-default)',\n\t'var(--sds-color-semantic-icon-critical)',\n\t'var(--sds-color-semantic-icon-warning)',\n\t'var(--sds-color-semantic-icon-attention)',\n\t'var(--sds-color-semantic-icon-ok)',\n\t'var(--sds-color-semantic-icon-info)',\n\t'var(--sds-color-semantic-icon-on-action)',\n\t'var(--sds-color-semantic-icon-disabled)',\n\t'var(--sds-color-semantic-icon-subtle)',\n\t'var(--sds-color-semantic-icon-default)',\n];\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sds-icon.allowed-names.d.ts","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.allowed-names.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,eAAO,MAAM,gBAAgB,EAAE,QAAQ,EAAqquI,CAAC"}
|