@politiet/sheriff-web-components 1.3.5 → 1.3.7

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.
Files changed (93) hide show
  1. package/dist/sds-button/sds-button.component.d.ts +41 -0
  2. package/dist/sds-button/sds-button.component.d.ts.map +1 -0
  3. package/dist/sds-button/sds-button.component.js +155 -0
  4. package/dist/sds-button/sds-button.component.js.map +1 -0
  5. package/dist/sds-button/sds-button.d.ts +2 -39
  6. package/dist/sds-button/sds-button.d.ts.map +1 -1
  7. package/dist/sds-button/sds-button.js +2 -147
  8. package/dist/sds-button/sds-button.js.map +1 -1
  9. package/dist/sds-chip/sds-chip.d.ts +2 -0
  10. package/dist/sds-chip/sds-chip.d.ts.map +1 -1
  11. package/dist/sds-chip/sds-chip.js +14 -3
  12. package/dist/sds-chip/sds-chip.js.map +1 -1
  13. package/dist/sds-heading/sds-heading.component.d.ts +15 -0
  14. package/dist/sds-heading/sds-heading.component.d.ts.map +1 -0
  15. package/dist/sds-heading/sds-heading.component.js +53 -0
  16. package/dist/sds-heading/sds-heading.component.js.map +1 -0
  17. package/dist/sds-heading/sds-heading.d.ts +2 -13
  18. package/dist/sds-heading/sds-heading.d.ts.map +1 -1
  19. package/dist/sds-heading/sds-heading.js +2 -45
  20. package/dist/sds-heading/sds-heading.js.map +1 -1
  21. package/dist/sds-icon/sds-icon.component.d.ts +22 -0
  22. package/dist/sds-icon/sds-icon.component.d.ts.map +1 -0
  23. package/dist/sds-icon/sds-icon.component.js +81 -0
  24. package/dist/sds-icon/sds-icon.component.js.map +1 -0
  25. package/dist/sds-icon/sds-icon.d.ts +2 -20
  26. package/dist/sds-icon/sds-icon.d.ts.map +1 -1
  27. package/dist/sds-icon/sds-icon.js +3 -75
  28. package/dist/sds-icon/sds-icon.js.map +1 -1
  29. package/dist/sds-notification/sds-notification.component.d.ts +18 -0
  30. package/dist/sds-notification/sds-notification.component.d.ts.map +1 -0
  31. package/dist/sds-notification/sds-notification.component.js +71 -0
  32. package/dist/sds-notification/sds-notification.component.js.map +1 -0
  33. package/dist/sds-notification/sds-notification.d.ts +2 -14
  34. package/dist/sds-notification/sds-notification.d.ts.map +1 -1
  35. package/dist/sds-notification/sds-notification.js +2 -57
  36. package/dist/sds-notification/sds-notification.js.map +1 -1
  37. package/dist/sds-paragraph/sds-paragraph.component.d.ts +12 -0
  38. package/dist/sds-paragraph/sds-paragraph.component.d.ts.map +1 -0
  39. package/dist/{sds-tag/sds-tag.js → sds-paragraph/sds-paragraph.component.js} +17 -18
  40. package/dist/sds-paragraph/sds-paragraph.component.js.map +1 -0
  41. package/dist/sds-paragraph/sds-paragraph.d.ts +2 -5
  42. package/dist/sds-paragraph/sds-paragraph.d.ts.map +1 -1
  43. package/dist/sds-paragraph/sds-paragraph.js +2 -25
  44. package/dist/sds-paragraph/sds-paragraph.js.map +1 -1
  45. package/dist/sheriff-web-components.js +646 -554
  46. package/package.json +1 -1
  47. package/dist/react-wrappers/SDSAlertWrapper.d.ts +0 -5
  48. package/dist/react-wrappers/SDSAlertWrapper.d.ts.map +0 -1
  49. package/dist/react-wrappers/SDSAlertWrapper.js +0 -12
  50. package/dist/react-wrappers/SDSAlertWrapper.js.map +0 -1
  51. package/dist/react-wrappers/SDSCardWrapper.d.ts +0 -3
  52. package/dist/react-wrappers/SDSCardWrapper.d.ts.map +0 -1
  53. package/dist/react-wrappers/SDSCardWrapper.js +0 -10
  54. package/dist/react-wrappers/SDSCardWrapper.js.map +0 -1
  55. package/dist/react-wrappers/SDSTagWrapper.d.ts +0 -3
  56. package/dist/react-wrappers/SDSTagWrapper.d.ts.map +0 -1
  57. package/dist/react-wrappers/SDSTagWrapper.js +0 -10
  58. package/dist/react-wrappers/SDSTagWrapper.js.map +0 -1
  59. package/dist/sds-alert/sds-alert.d.ts +0 -29
  60. package/dist/sds-alert/sds-alert.d.ts.map +0 -1
  61. package/dist/sds-alert/sds-alert.js +0 -70
  62. package/dist/sds-alert/sds-alert.js.map +0 -1
  63. package/dist/sds-alert/sds-alert.styles.d.ts +0 -2
  64. package/dist/sds-alert/sds-alert.styles.d.ts.map +0 -1
  65. package/dist/sds-alert/sds-alert.styles.js +0 -153
  66. package/dist/sds-alert/sds-alert.styles.js.map +0 -1
  67. package/dist/sds-card/sds-card.d.ts +0 -18
  68. package/dist/sds-card/sds-card.d.ts.map +0 -1
  69. package/dist/sds-card/sds-card.js +0 -58
  70. package/dist/sds-card/sds-card.js.map +0 -1
  71. package/dist/sds-card/sds-card.styles.d.ts +0 -2
  72. package/dist/sds-card/sds-card.styles.d.ts.map +0 -1
  73. package/dist/sds-card/sds-card.styles.js +0 -124
  74. package/dist/sds-card/sds-card.styles.js.map +0 -1
  75. package/dist/sds-icon/sds-icon.system.d.ts +0 -6
  76. package/dist/sds-icon/sds-icon.system.d.ts.map +0 -1
  77. package/dist/sds-icon/sds-icon.system.js +0 -24
  78. package/dist/sds-icon/sds-icon.system.js.map +0 -1
  79. package/dist/sds-tag/sds-tag.d.ts +0 -18
  80. package/dist/sds-tag/sds-tag.d.ts.map +0 -1
  81. package/dist/sds-tag/sds-tag.js.map +0 -1
  82. package/dist/sds-tag/sds-tag.styles.d.ts +0 -2
  83. package/dist/sds-tag/sds-tag.styles.d.ts.map +0 -1
  84. package/dist/sds-tag/sds-tag.styles.js +0 -64
  85. package/dist/sds-tag/sds-tag.styles.js.map +0 -1
  86. package/dist/types.d.ts +0 -5
  87. package/dist/types.d.ts.map +0 -1
  88. package/dist/types.js +0 -2
  89. package/dist/types.js.map +0 -1
  90. package/dist/utils/slot-validator.d.ts +0 -2
  91. package/dist/utils/slot-validator.d.ts.map +0 -1
  92. package/dist/utils/slot-validator.js +0 -24
  93. package/dist/utils/slot-validator.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"sds-icon.system.d.ts","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.system.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7F,eAAO,MAAM,YAAY,yPASf,CAAC;AAEX,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,KAAG,IAAI,IAAI,UAEnD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CASlD,CAAC"}
@@ -1,24 +0,0 @@
1
- export const SYSTEM_ICONS = [
2
- 'arrow_forward-material-outlined',
3
- 'check_circle-material-filled',
4
- 'close-material-outlined',
5
- 'dangerous-material-filled',
6
- 'InformationSquareFill-aksel-filled',
7
- 'lock-material-filled',
8
- 'search-material-filled',
9
- 'warning-material-filled',
10
- ];
11
- export const isSystemIcon = (name) => {
12
- return SYSTEM_ICONS.includes(name);
13
- };
14
- export const systemIcons = {
15
- 'arrow_forward-material-outlined': `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M662.82-440.39H145.87v-79.22h516.95L423.87-758.57 480-814.7 814.7-480 480-145.87l-56.13-55.56z"/></svg>`,
16
- 'check_circle-material-filled': `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m419.87-289.52 289.22-289.22-57.31-56.87L419.87-403.7 304.96-518.61l-56.31 56.87zm60.21 223.65q-85.47 0-161.01-32.39-75.53-32.4-131.97-88.84T98.26-318.99q-32.39-75.46-32.39-160.93 0-86.47 32.39-162.01 32.4-75.53 88.75-131.5t131.85-88.62 161.01-32.65q86.52 0 162.12 32.61 75.61 32.6 131.53 88.5 55.93 55.89 88.55 131.45Q894.7-566.58 894.7-480q0 85.55-32.65 161.07-32.65 75.53-88.62 131.9T642.01-98.26q-75.46 32.39-161.93 32.39"/></svg>`,
17
- 'close-material-outlined': `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M249-193.43 193.43-249l231-231-231-231L249-766.57l231 231 231-231L766.57-711l-231 231 231 231L711-193.43l-231-231z"/></svg>`,
18
- 'dangerous-material-filled': `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M324.35-105.87 105.87-324.35v-311.87L324.35-854.7h311.87L854.7-636.22v311.87L636.22-105.87zm34.91-206.87L480-433.48l120.74 120.74 47.09-46.52L526.52-480l121.31-120.74-47.09-47.09L480-526.52 359.26-647.83l-46.52 47.09L433.48-480 312.74-359.26z"/></svg>`,
19
- 'InformationSquareFill-aksel-filled': `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>`,
20
- 'lock-material-filled': `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M225.09-67q-32.68 0-55.95-23.27t-23.27-55.95v-423.82q0-32.91 23.27-56.35t55.95-23.44h58.69v-83.56q0-82.44 57.17-140.18 57.16-57.73 139.02-57.73t139.05 57.73q57.2 57.74 57.2 140.18v83.56h58.69q32.91 0 56.35 23.44t23.44 56.35v423.82q0 32.68-23.44 55.95T734.91-67zm255.08-214.13q31.83 0 54.33-22.03t22.5-52.97q0-30-22.67-54.5t-54.5-24.5-54.33 24.5-22.5 55 22.67 52.5 54.5 22M363-649.83h234v-83.43q0-49.96-33.79-84.11-33.8-34.15-82.96-34.15t-83.21 34.15Q363-783.22 363-733.26z"/></svg>`,
21
- 'search-material-filled': `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M795.43-105.17 529.04-371q-29.43 24.26-69.11 37.94-39.67 13.67-85.32 13.67-112.12 0-189.87-77.83Q107-475.04 107-585t77.83-187.78q77.82-77.83 188.28-77.83t187.78 77.83q77.33 77.82 77.33 187.93 0 43.98-13.15 83.13-13.16 39.15-39.46 73.59L853-162.74zM373.81-398.61q77.66 0 131.42-54.53Q559-507.67 559-585t-53.85-131.86-131.34-54.53q-78.33 0-132.96 54.53T186.22-585t54.55 131.86 133.04 54.53"/></svg>`,
22
- 'warning-material-filled': `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M27.56-112.65 480-894.7l452.44 782.05zm456.62-125.48q13.15 0 22.61-9.64 9.47-9.65 9.47-22.8t-9.64-22.33q-9.65-9.19-22.8-9.19t-22.61 9.36q-9.47 9.36-9.47 22.51t9.64 22.62q9.65 9.47 22.8 9.47M454-348h60v-219.48h-60z"/></svg>`,
23
- };
24
- //# sourceMappingURL=sds-icon.system.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sds-icon.system.js","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.system.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,iCAAiC;IACjC,8BAA8B;IAC9B,yBAAyB;IACzB,2BAA2B;IAC3B,oCAAoC;IACpC,sBAAsB;IACtB,wBAAwB;IACxB,yBAAyB;CAChB,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAY,EAAsB,EAAE;IAChE,OAAO,YAAY,CAAC,QAAQ,CAAC,IAAkB,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA+B;IACtD,iCAAiC,EAAE,uMAAuM;IAC1O,8BAA8B,EAAE,khBAAkhB;IACljB,yBAAyB,EAAE,2NAA2N;IACtP,2BAA2B,EAAE,2VAA2V;IACxX,oCAAoC,EAAE,wZAAwZ;IAC9b,sBAAsB,EAAE,ikBAAikB;IACzlB,wBAAwB,EAAE,4eAA4e;IACtgB,yBAAyB,EAAE,8TAA8T;CACzV,CAAC","sourcesContent":["import { ICON_NAMES } from './sds-icon-names';\n\nexport type SystemIcon = Extract<(typeof ICON_NAMES)[number], (typeof SYSTEM_ICONS)[number]>;\n\nexport const SYSTEM_ICONS = [\n\t'arrow_forward-material-outlined',\n\t'check_circle-material-filled',\n\t'close-material-outlined',\n\t'dangerous-material-filled',\n\t'InformationSquareFill-aksel-filled',\n\t'lock-material-filled',\n\t'search-material-filled',\n\t'warning-material-filled',\n] as const;\n\nexport const isSystemIcon = (name: string): name is SystemIcon => {\n\treturn SYSTEM_ICONS.includes(name as SystemIcon);\n};\n\nexport const systemIcons: Record<SystemIcon, string> = {\n\t'arrow_forward-material-outlined': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 -960 960 960\"><path d=\"M662.82-440.39H145.87v-79.22h516.95L423.87-758.57 480-814.7 814.7-480 480-145.87l-56.13-55.56z\"/></svg>`,\n\t'check_circle-material-filled': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 -960 960 960\"><path d=\"m419.87-289.52 289.22-289.22-57.31-56.87L419.87-403.7 304.96-518.61l-56.31 56.87zm60.21 223.65q-85.47 0-161.01-32.39-75.53-32.4-131.97-88.84T98.26-318.99q-32.39-75.46-32.39-160.93 0-86.47 32.39-162.01 32.4-75.53 88.75-131.5t131.85-88.62 161.01-32.65q86.52 0 162.12 32.61 75.61 32.6 131.53 88.5 55.93 55.89 88.55 131.45Q894.7-566.58 894.7-480q0 85.55-32.65 161.07-32.65 75.53-88.62 131.9T642.01-98.26q-75.46 32.39-161.93 32.39\"/></svg>`,\n\t'close-material-outlined': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 -960 960 960\"><path d=\"M249-193.43 193.43-249l231-231-231-231L249-766.57l231 231 231-231L766.57-711l-231 231 231 231L711-193.43l-231-231z\"/></svg>`,\n\t'dangerous-material-filled': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 -960 960 960\"><path d=\"M324.35-105.87 105.87-324.35v-311.87L324.35-854.7h311.87L854.7-636.22v311.87L636.22-105.87zm34.91-206.87L480-433.48l120.74 120.74 47.09-46.52L526.52-480l121.31-120.74-47.09-47.09L480-526.52 359.26-647.83l-46.52 47.09L433.48-480 312.74-359.26z\"/></svg>`,\n\t'InformationSquareFill-aksel-filled': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75\" clip-rule=\"evenodd\"/></svg>`,\n\t'lock-material-filled': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 -960 960 960\"><path d=\"M225.09-67q-32.68 0-55.95-23.27t-23.27-55.95v-423.82q0-32.91 23.27-56.35t55.95-23.44h58.69v-83.56q0-82.44 57.17-140.18 57.16-57.73 139.02-57.73t139.05 57.73q57.2 57.74 57.2 140.18v83.56h58.69q32.91 0 56.35 23.44t23.44 56.35v423.82q0 32.68-23.44 55.95T734.91-67zm255.08-214.13q31.83 0 54.33-22.03t22.5-52.97q0-30-22.67-54.5t-54.5-24.5-54.33 24.5-22.5 55 22.67 52.5 54.5 22M363-649.83h234v-83.43q0-49.96-33.79-84.11-33.8-34.15-82.96-34.15t-83.21 34.15Q363-783.22 363-733.26z\"/></svg>`,\n\t'search-material-filled': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 -960 960 960\"><path d=\"M795.43-105.17 529.04-371q-29.43 24.26-69.11 37.94-39.67 13.67-85.32 13.67-112.12 0-189.87-77.83Q107-475.04 107-585t77.83-187.78q77.82-77.83 188.28-77.83t187.78 77.83q77.33 77.82 77.33 187.93 0 43.98-13.15 83.13-13.16 39.15-39.46 73.59L853-162.74zM373.81-398.61q77.66 0 131.42-54.53Q559-507.67 559-585t-53.85-131.86-131.34-54.53q-78.33 0-132.96 54.53T186.22-585t54.55 131.86 133.04 54.53\"/></svg>`,\n\t'warning-material-filled': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 -960 960 960\"><path d=\"M27.56-112.65 480-894.7l452.44 782.05zm456.62-125.48q13.15 0 22.61-9.64 9.47-9.65 9.47-22.8t-9.64-22.33q-9.65-9.19-22.8-9.19t-22.61 9.36q-9.47 9.36-9.47 22.51t9.64 22.62q9.65 9.47 22.8 9.47M454-348h60v-219.48h-60z\"/></svg>`,\n};\n"]}
@@ -1,18 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import { SDS_SIZES } from '../types';
3
- type TagSize = Extract<SDS_SIZES, 'lg' | 'md' | 'sm'>;
4
- export interface SDSTagProps {
5
- size?: TagSize;
6
- }
7
- export declare class SDSTag extends LitElement {
8
- static styles: import("lit").CSSResult[];
9
- size: TagSize;
10
- render(): import("lit-html").TemplateResult<1>;
11
- }
12
- declare global {
13
- interface HTMLElementTagNameMap {
14
- 'sds-tag': SDSTag;
15
- }
16
- }
17
- export {};
18
- //# sourceMappingURL=sds-tag.d.ts.map
@@ -1 +0,0 @@
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;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,KAAK,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,qBACa,MAAO,SAAQ,UAAU;IACrC,OAAgB,MAAM,4BAAY;IAES,IAAI,EAAE,OAAO,CAAQ;IAEvD,MAAM;CASf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,SAAS,EAAE,MAAM,CAAC;KAClB;CACD"}
@@ -1 +0,0 @@
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;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AASnC,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAGqC,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;;AAZe,aAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAES;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAsB;AAHpD,MAAM;IADlB,oBAAoB,CAAC,SAAS,CAAC;GACnB,MAAM,CAclB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { SDS_SIZES } from '../types';\nimport { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { styles } from './sds-tag.styles';\n\ntype TagSize = Extract<SDS_SIZES, 'lg' | 'md' | 'sm'>;\n\nexport interface SDSTagProps {\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 }) 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"]}
@@ -1,2 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=sds-tag.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sds-tag.styles.d.ts","sourceRoot":"","sources":["../../src/sds-tag/sds-tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA6DlB,CAAC"}
@@ -1,64 +0,0 @@
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-surface-tinted, var(--sds-color-neutral-surface-tinted)));
5
- --_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default, 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-content-md));
10
- --_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-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([data-palette]) {
43
- --_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-surface-tinted));
44
- --_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default));
45
- }
46
-
47
- :host([data-palette='danger-action']) {
48
- --_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-alert-danger-action-default));
49
- --_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-alert-danger-action-contrast-default));
50
- }
51
-
52
- :host([size='sm']) {
53
- --_sds-tag-height: var(--sds-tag-height, var(--sds-components-chip-sm));
54
- --_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-content-sm));
55
- --_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-sm));
56
- }
57
-
58
- :host([size='lg']) {
59
- --_sds-tag-height: var(--sds-tag-height, var(--sds-components-chip-lg));
60
- --_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-content-lg));
61
- --_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-lg));
62
- }
63
- `;
64
- //# sourceMappingURL=sds-tag.styles.js.map
@@ -1 +0,0 @@
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DxB,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-surface-tinted, var(--sds-color-neutral-surface-tinted)));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default, 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-content-md));\n\t\t--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-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([data-palette]) {\n\t\t--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-surface-tinted));\n\t\t--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default));\n\t}\n\n\t:host([data-palette='danger-action']) {\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-content-sm));\n\t\t--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-sm));\n\t}\n\n\t:host([size='lg']) {\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-content-lg));\n\t\t--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-lg));\n\t}\n`;\n"]}
package/dist/types.d.ts DELETED
@@ -1,5 +0,0 @@
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
@@ -1 +0,0 @@
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 DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
package/dist/types.js.map DELETED
@@ -1 +0,0 @@
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"]}
@@ -1,2 +0,0 @@
1
- export declare function validateSlotContent(slot: HTMLSlotElement, allowedTags: string[], allowText: boolean, warningMessage: string): void;
2
- //# sourceMappingURL=slot-validator.d.ts.map
@@ -1 +0,0 @@
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"}
@@ -1,24 +0,0 @@
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
@@ -1 +0,0 @@
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"]}