@warp-ds/elements 2.2.0-next.3 → 2.2.0-next.5
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 +27 -17
- package/dist/.storybook/utilities.d.ts +28 -0
- package/dist/api.js +1 -49
- package/dist/api.js.map +2 -2
- package/dist/custom-elements.json +3298 -0
- package/dist/index.css +2 -0
- package/dist/index.css.map +7 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +502 -7208
- package/dist/index.js.map +4 -4
- package/dist/packages/affix/affix.stories.d.ts +10 -0
- package/dist/packages/affix/affix.test.d.ts +1 -0
- package/dist/packages/affix/index.d.ts +52 -24
- package/dist/packages/affix/index.js +2448 -2240
- package/dist/packages/affix/index.js.map +4 -4
- package/dist/packages/affix/react.d.ts +2 -0
- package/dist/packages/affix/react.js +2482 -0
- package/dist/packages/affix/react.js.map +7 -0
- package/dist/packages/affix/styles.d.ts +1 -0
- package/dist/packages/alert/alert.stories.d.ts +15 -0
- package/dist/packages/alert/alert.test.d.ts +1 -0
- package/dist/packages/alert/index.d.ts +29 -18
- package/dist/packages/alert/index.js +2452 -2446
- package/dist/packages/alert/index.js.map +4 -4
- package/dist/packages/alert/react.d.ts +2 -0
- package/dist/packages/alert/react.js +2492 -0
- package/dist/packages/alert/react.js.map +7 -0
- package/dist/packages/alert/styles.d.ts +1 -0
- package/dist/packages/attention/attention.stories.d.ts +10 -0
- package/dist/packages/attention/index.d.ts +14 -1
- package/dist/packages/attention/index.js +17 -3979
- package/dist/packages/attention/index.js.map +4 -4
- package/dist/packages/badge/badge.stories.d.ts +17 -0
- package/dist/packages/badge/badge.test.d.ts +1 -0
- package/dist/packages/badge/index.d.ts +17 -12
- package/dist/packages/badge/index.js +2441 -300
- package/dist/packages/badge/index.js.map +4 -4
- package/dist/packages/badge/react.d.ts +2 -0
- package/dist/packages/badge/react.js +2465 -0
- package/dist/packages/badge/react.js.map +7 -0
- package/dist/packages/badge/styles.d.ts +1 -0
- package/dist/packages/box/box.stories.d.ts +14 -0
- package/dist/packages/box/box.test.d.ts +1 -0
- package/dist/packages/box/index.d.ts +21 -21
- package/dist/packages/box/index.js +2441 -304
- package/dist/packages/box/index.js.map +4 -4
- package/dist/packages/box/react.d.ts +2 -0
- package/dist/packages/box/react.js +2465 -0
- package/dist/packages/box/react.js.map +7 -0
- package/dist/packages/box/slot.test.d.ts +1 -0
- package/dist/packages/box/styles.d.ts +1 -0
- package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +12 -0
- package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -0
- package/dist/packages/breadcrumbs/index.d.ts +24 -16
- package/dist/packages/breadcrumbs/index.js +2402 -2051
- package/dist/packages/breadcrumbs/index.js.map +4 -4
- package/dist/packages/breadcrumbs/react.d.ts +2 -0
- package/dist/packages/breadcrumbs/react.js +2475 -0
- package/dist/packages/breadcrumbs/react.js.map +7 -0
- package/dist/packages/breadcrumbs/styles.d.ts +1 -0
- package/dist/packages/button/button.stories.d.ts +21 -0
- package/dist/packages/button/button.test.d.ts +1 -1
- package/dist/packages/button/index.d.ts +84 -9
- package/dist/packages/button/index.js +2407 -2426
- package/dist/packages/button/index.js.map +4 -4
- package/dist/packages/button/react.d.ts +2 -0
- package/dist/packages/button/react.js +2480 -0
- package/dist/packages/button/react.js.map +7 -0
- package/dist/packages/button/styles.d.ts +1 -0
- package/dist/packages/card/card.stories.d.ts +15 -0
- package/dist/packages/card/card.test.d.ts +1 -0
- package/dist/packages/card/index.d.ts +33 -17
- package/dist/packages/card/index.js +2403 -2067
- package/dist/packages/card/index.js.map +4 -4
- package/dist/packages/card/react.d.ts +2 -0
- package/dist/packages/card/react.js +2487 -0
- package/dist/packages/card/react.js.map +7 -0
- package/dist/packages/card/styles.d.ts +1 -0
- package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +10 -0
- package/dist/packages/dead-toggle/dead-toggle.test.d.ts +1 -0
- package/dist/packages/dead-toggle/index.d.ts +21 -0
- package/dist/packages/dead-toggle/index.js +2487 -0
- package/dist/packages/dead-toggle/index.js.map +7 -0
- package/dist/packages/dead-toggle/react.d.ts +2 -0
- package/dist/packages/dead-toggle/react.js +2507 -0
- package/dist/packages/dead-toggle/react.js.map +7 -0
- package/dist/packages/expandable/expandable.stories.d.ts +19 -0
- package/dist/packages/expandable/expandable.test.d.ts +1 -0
- package/dist/packages/expandable/index.d.ts +55 -50
- package/dist/packages/expandable/index.js +2416 -2287
- package/dist/packages/expandable/index.js.map +4 -4
- package/dist/packages/expandable/react.d.ts +2 -0
- package/dist/packages/expandable/react.js +2495 -0
- package/dist/packages/expandable/react.js.map +7 -0
- package/dist/packages/expandable/styles.d.ts +1 -0
- package/dist/packages/modal/index.d.ts +5 -6
- package/dist/packages/modal/index.js +2620 -2497
- package/dist/packages/modal/index.js.map +4 -4
- package/dist/packages/modal/modal-footer.d.ts +17 -10
- package/dist/packages/modal/modal-header.d.ts +20 -13
- package/dist/packages/modal/modal-main.d.ts +19 -8
- package/dist/packages/modal/modal.stories.d.ts +19 -0
- package/dist/packages/modal/react.d.ts +4 -0
- package/dist/packages/modal/react.js +2754 -0
- package/dist/packages/modal/react.js.map +7 -0
- package/dist/packages/modal/util.d.ts +7 -17
- package/dist/packages/pagination/index.d.ts +34 -0
- package/dist/packages/pagination/index.js +2486 -0
- package/dist/packages/pagination/index.js.map +7 -0
- package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
- package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
- package/dist/packages/pagination/pagination.stories.d.ts +14 -0
- package/dist/packages/pagination/pagination.test.d.ts +1 -0
- package/dist/packages/pagination/react.d.ts +2 -0
- package/dist/packages/pagination/react.js +2506 -0
- package/dist/packages/pagination/react.js.map +7 -0
- package/dist/packages/pagination/styles.d.ts +1 -0
- package/dist/packages/pill/index.d.ts +44 -23
- package/dist/packages/pill/index.js +2408 -2175
- package/dist/packages/pill/index.js.map +4 -4
- package/dist/packages/pill/pill.stories.d.ts +12 -0
- package/dist/packages/pill/pill.test.d.ts +1 -0
- package/dist/packages/pill/styles.d.ts +1 -0
- package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +64 -0
- package/dist/packages/rip-and-tear-checkbox/index.css +2 -0
- package/dist/packages/rip-and-tear-checkbox/index.css.map +7 -0
- package/dist/packages/rip-and-tear-checkbox/index.d.ts +6 -0
- package/dist/packages/rip-and-tear-checkbox/index.js +36 -0
- package/dist/packages/rip-and-tear-checkbox/index.js.map +7 -0
- package/dist/packages/rip-and-tear-radio/base-element.d.ts +46 -0
- package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +6 -0
- package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +103 -0
- package/dist/packages/rip-and-tear-radio/index.css +2 -0
- package/dist/packages/rip-and-tear-radio/index.css.map +7 -0
- package/dist/packages/rip-and-tear-radio/index.d.ts +8 -0
- package/dist/packages/rip-and-tear-radio/index.js +34 -0
- package/dist/packages/rip-and-tear-radio/index.js.map +7 -0
- package/dist/packages/rip-and-tear-radio/invalid.d.ts +8 -0
- package/dist/packages/rip-and-tear-radio/math.d.ts +1 -0
- package/dist/packages/rip-and-tear-radio/radio-group.d.ts +72 -0
- package/dist/packages/rip-and-tear-radio/radio.d.ts +38 -0
- package/dist/packages/rip-and-tear-radio/required-validator.d.ts +11 -0
- package/dist/packages/rip-and-tear-radio/slot.d.ts +20 -0
- package/dist/packages/rip-and-tear-radio/watch.d.ts +26 -0
- package/dist/packages/select/index.d.ts +59 -58
- package/dist/packages/select/index.js +2421 -2533
- package/dist/packages/select/index.js.map +4 -4
- package/dist/packages/select/react.d.ts +2 -0
- package/dist/packages/select/react.js +2494 -0
- package/dist/packages/select/react.js.map +7 -0
- package/dist/packages/select/select.stories.d.ts +10 -0
- package/dist/packages/select/select.test.d.ts +1 -0
- package/dist/packages/select/styles.d.ts +1 -0
- package/dist/packages/textfield/index.d.ts +72 -74
- package/dist/packages/textfield/index.js +2455 -698
- package/dist/packages/textfield/index.js.map +4 -4
- package/dist/packages/textfield/react.d.ts +2 -0
- package/dist/packages/textfield/react.js +2490 -0
- package/dist/packages/textfield/react.js.map +7 -0
- package/dist/packages/textfield/styles.d.ts +1 -0
- package/dist/packages/textfield/textfield.stories.d.ts +17 -0
- package/dist/packages/textfield/textfield.test.d.ts +1 -0
- package/dist/packages/toast/index.js +24 -2784
- package/dist/packages/toast/index.js.map +4 -4
- package/dist/packages/toast/toast-container.d.ts +16 -0
- package/dist/packages/toast/toast.d.ts +20 -0
- package/dist/packages/toast/toast.stories.d.ts +12 -0
- package/dist/packages/utils/index.d.ts +1 -1
- package/dist/packages/utils/unstyled-heading.d.ts +1 -1
- package/dist/setup-tests.d.ts +1 -0
- package/dist/vscode.css-custom-data.json +6 -0
- package/dist/vscode.html-custom-data.json +313 -0
- package/dist/web-types.json +707 -0
- package/package.json +61 -18
package/dist/index.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:host{box-sizing:border-box!important}:host *,:host *:before,:host *:after{box-sizing:inherit!important}:host{color:var(--wa-form-control-value-color);display:inline-flex;flex-direction:row;align-items:top;font-family:inherit;font-weight:var(--wa-form-control-value-font-weight);line-height:var(--wa-form-control-value-line-height);cursor:pointer;user-select:none;-webkit-user-select:none}:host(:focus){outline:none}[part~=label]{display:inline}:host([appearance="default"]){.control{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wa-form-control-toggle-size, 2rem);height:var(--wa-form-control-toggle-size, 2rem);border-color:var(--wa-form-control-border-color, gray);border-radius:50%;border-style:var(--wa-form-control-border-style, solid);border-width:var(--wa-form-control-border-width, 1px);background-color:var(--wa-form-control-background-color, white);color:transparent;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;margin-inline-end:.5em}}:host([appearance="clickable"]) .control{position:absolute;inset:0;height:100%;width:100%;cursor:pointer}:host(:state(checked)):not(:host([appearance="clickable"])) .control{border-color:var(--wa-form-control-activated-color, blue);background-color:var(--wa-form-control-background-color, white);border-width:.6rem}:host(:focus-visible) .control{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}:host([appearance="clickable"]:focus-visible) .control{outline-offset:-4px;border-radius:8px}:host(:state(disabled)){opacity:.5;cursor:not-allowed}:host([appearance="button"]){align-items:center;min-height:var(--wa-form-control-height);background-color:var(--wa-color-surface-default);border:var(--wa-form-control-border-width) var(--wa-form-control-border-style) var(--wa-form-control-border-color);border-radius:var(--wa-border-radius-m);padding:0 var(--wa-form-control-padding-inline);transition:background-color var(--wa-transition-fast),border-color var(--wa-transition-fast);.control{display:none}}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-inner]){border-radius:0}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-first]){border-start-end-radius:0;border-end-end-radius:0}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-last]){border-start-start-radius:0;border-end-start-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-inner]){border-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-first]){border-end-start-radius:0;border-end-end-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-last]){border-start-start-radius:0;border-start-end-radius:0}@media (hover: hover){:host([appearance="button"]:hover:not(:state(disabled),:state(checked))){background-color:color-mix(in srgb,var(--wa-color-surface-default) 95%,var(--wa-color-mix-hover))}}:host([appearance="button"]:focus-visible){outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}:host([appearance="button"]:state(checked)){border-color:var(--wa-form-control-activated-color);background-color:var(--wa-color-brand-fill-quiet)}:host([appearance="button"]:state(checked):focus-visible){outline:var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-brand-border-loud);outline-offset:var(--wa-focus-ring-offset)}:host([appearance="button"][data-wa-radio-horizontal]:not([data-wa-radio-first])){margin-inline-start:calc(-1 * var(--wa-form-control-border-width))}:host([appearance="button"][data-wa-radio-vertical]:not([data-wa-radio-first])){margin-block-start:calc(-1 * var(--wa-form-control-border-width))}:host([appearance="button"]:hover),:host([appearance="button"]:state(checked)){position:relative;z-index:1}:host([appearance="button"]:focus-visible){z-index:2}:host{display:block}.form-control{position:relative;border:none;padding:0;margin:0}.label{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;cursor:pointer;padding-bottom:.4rem;color:var(--w-s-color-text);display:block}.radio-group-required .label:after{content:var(--wa-form-control-required-content);margin-inline-start:var(--wa-form-control-required-content-offset)}.button-group{display:flex}[part~=form-control-input]{display:flex;flex-direction:column;flex-wrap:wrap;gap:.75em}:host([orientation="horizontal"]) [part~=form-control-input]{flex-direction:row;gap:1em}[part~=hint]{margin-block-start:.5em}:host fieldset.has-radio-buttons{[part~=form-control-input]{gap:0}}:host{display:block;user-select:none;-webkit-user-select:none}[part~=control]{position:relative;width:2rem;height:2rem;border-color:var(--w-s-color-border);border-radius:2px;border-style:solid;border-width:1px;background-color:var(--w-s-color-background);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;margin-right:.8rem;text-align:center;line-height:var(--w-line-height-xs);font-size:var(--w-font-size-m)}[part~=base]{display:flex;align-items:center;position:relative;color:currentColor;vertical-align:middle;cursor:pointer}[part~=label]{display:block;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);user-select:none;cursor:pointer;padding:.2rem 0}label:hover [part~=control]:not(:has(:checked,:indeterminate)){background-color:var(--w-s-color-background-hover);border-color:var(--w-s-color-border-primary)}label:hover [part~=control]:has(:checked,:indeterminate){border-color:var(--w-s-color-border-primary-hover);background-color:var(--w-s-color-background-primary-hover)}[part~=control]:has(:checked,:indeterminate){color:var(--checked-icon-color, white);border-color:var(--w-s-color-border-primary);background-color:var(--w-s-color-background-primary)}[part~=control]:has(:indeterminate){font-weight:700}[part~=control]:has(:invalid){border-color:var(--w-s-color-border-negative)}[part~=control]:has(:invalid):hover{background-color:var(--w-s-color-background-negative-subtle-hover)}[part~=control]:has(:checked):has(:invalid){background-color:var(--w-s-color-background-negative)}[part~=control]:has(:checked){background-image:var(--w-icon-toggle-checked);background-position:center}[part~=control]:has(>input:focus-visible:not(:disabled)){outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}:host [part~=base]:has(input:disabled){opacity:.5;cursor:not-allowed}input{position:absolute;padding:0;margin:0;height:100%;width:100%;opacity:0;pointer-events:none}[part~=icon]{display:flex;input:not(:checked,:indeterminate)+&{visibility:hidden}}:host([required]) [part~=label]:after{content:var(--wa-form-control-required-content);color:var(--wa-form-control-required-content-color);margin-inline-start:var(--wa-form-control-required-content-offset)}
|
|
2
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../packages/rip-and-tear-radio/host.css", "../packages/rip-and-tear-radio/radio.css", "../packages/rip-and-tear-radio/radio-group.css", "../packages/rip-and-tear-checkbox/checkbox.css"],
|
|
4
|
+
"sourcesContent": [":host {\n box-sizing: border-box !important;\n}\n\n:host *,\n:host *::before,\n:host *::after {\n box-sizing: inherit !important;\n}\n\n", ":host {\n color: var(--wa-form-control-value-color);\n display: inline-flex;\n flex-direction: row;\n align-items: top;\n font-family: inherit;\n font-weight: var(--wa-form-control-value-font-weight);\n line-height: var(--wa-form-control-value-line-height);\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n}\n\n:host(:focus) {\n outline: none;\n}\n\n[part~='label'] {\n display: inline;\n}\n\n[part~='hint'] {\n margin-block-start: 0.5em;\n}\n\n/* Default appearance */\n:host([appearance='default']) {\n .control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wa-form-control-toggle-size, 2rem);\n height: var(--wa-form-control-toggle-size, 2rem);\n border-color: var(--wa-form-control-border-color, gray);\n border-radius: 50%;\n border-style: var(--wa-form-control-border-style, solid);\n border-width: var(--wa-form-control-border-width, 1px);\n background-color: var(--wa-form-control-background-color, white);\n color: transparent;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n margin-inline-end: 0.5em;\n }\n}\n\n:host([appearance='clickable']) .control {\n position: absolute;\n inset: 0;\n height: 100%;\n width: 100%;\n cursor: pointer;\n}\n\n/* Checked */\n:host(:state(checked)):not(:host([appearance='clickable'])) .control {\n /* color: var(--checked-icon-color, white); */\n border-color: var(--wa-form-control-activated-color, blue);\n background-color: var(--wa-form-control-background-color, white);\n border-width: 0.6rem;\n}\n\n/* Focus */\n:host(:focus-visible) .control {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px);\n}\n\n:host([appearance='clickable']:focus-visible) .control {\n outline-offset: -4px;\n border-radius: 8px;\n}\n\n/* Disabled */\n:host(:state(disabled)) {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* Button appearance */\n:host([appearance='button']) {\n align-items: center;\n min-height: var(--wa-form-control-height);\n background-color: var(--wa-color-surface-default);\n border: var(--wa-form-control-border-width) var(--wa-form-control-border-style) var(--wa-form-control-border-color);\n border-radius: var(--wa-border-radius-m);\n padding: 0 var(--wa-form-control-padding-inline);\n transition:\n background-color var(--wa-transition-fast),\n border-color var(--wa-transition-fast);\n\n .control {\n display: none;\n }\n}\n\n/* Horizontal grouping - remove inner border radius */\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-inner]) {\n border-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-first]) {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-last]) {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n\n/* Vertical grouping - remove inner border radius */\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-inner]) {\n border-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-first]) {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-last]) {\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n}\n\n@media (hover: hover) {\n :host([appearance='button']:hover:not(:state(disabled), :state(checked))) {\n background-color: color-mix(in srgb, var(--wa-color-surface-default) 95%, var(--wa-color-mix-hover));\n }\n}\n\n:host([appearance='button']:focus-visible) {\n outline: var(--wa-focus-ring);\n outline-offset: var(--wa-focus-ring-offset);\n}\n\n:host([appearance='button']:state(checked)) {\n border-color: var(--wa-form-control-activated-color);\n background-color: var(--wa-color-brand-fill-quiet);\n}\n\n:host([appearance='button']:state(checked):focus-visible) {\n outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-brand-border-loud);\n outline-offset: var(--wa-focus-ring-offset);\n}\n\n/* Remove inner borders and handle overlap */\n:host([appearance='button'][data-wa-radio-horizontal]:not([data-wa-radio-first])) {\n margin-inline-start: calc(-1 * var(--wa-form-control-border-width));\n}\n\n:host([appearance='button'][data-wa-radio-vertical]:not([data-wa-radio-first])) {\n margin-block-start: calc(-1 * var(--wa-form-control-border-width));\n}\n\n/* Ensure interactive states are visible above adjacent buttons */\n:host([appearance='button']:hover),\n:host([appearance='button']:state(checked)) {\n position: relative;\n z-index: 1;\n}\n\n:host([appearance='button']:focus-visible) {\n z-index: 2;\n}\n\n", ":host {\n display: block;\n}\n\n.form-control {\n position: relative;\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.label {\n font-size: var(--w-font-size-s);\n line-height: var(--w-line-height-s);\n font-weight: 700;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: grayscale;\n cursor: pointer;\n padding-bottom: 0.4rem;\n color: var(--w-s-color-text);\n display: block;\n}\n\n.radio-group-required .label::after {\n content: var(--wa-form-control-required-content);\n margin-inline-start: var(--wa-form-control-required-content-offset);\n}\n\n.button-group {\n display: flex;\n}\n\n[part~='form-control-input'] {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n gap: 0.75em;\n}\n\n/* Horizontal */\n:host([orientation='horizontal']) [part~='form-control-input'] {\n flex-direction: row;\n gap: 1em;\n}\n\n/* Help text */\n[part~='hint'] {\n margin-block-start: 0.5em;\n}\n\n/* Radios have the \"button\" appearance */\n:host fieldset.has-radio-buttons {\n [part~='form-control-input'] {\n gap: 0;\n }\n}\n\n", ":host {\n display: block;\n user-select: none;\n -webkit-user-select: none;\n}\n\n[part~='control'] {\n position: relative;\n width: 2rem;\n height: 2rem;\n border-color: var(--w-s-color-border);\n border-radius: 2px;\n border-style: solid;\n border-width: 1px;\n background-color: var(--w-s-color-background);\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n margin-right: 0.8rem;\n text-align: center;\n line-height: var(--w-line-height-xs);\n font-size: var(--w-font-size-m);\n}\n\n[part~='base'] {\n display: flex;\n align-items: center;\n position: relative;\n color: currentColor;\n vertical-align: middle;\n cursor: pointer;\n}\n\n[part~='label'] {\n display: block;\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m);\n user-select: none;\n cursor: pointer;\n padding: 0.2rem 0;\n}\n\nlabel:hover [part~='control']:not(:has(:checked, :indeterminate)) {\n background-color: var(--w-s-color-background-hover);\n border-color: var(--w-s-color-border-primary);\n}\n\nlabel:hover [part~='control']:has(:checked, :indeterminate) {\n border-color: var(--w-s-color-border-primary-hover);\n background-color: var(--w-s-color-background-primary-hover);\n}\n\n[part~='control']:has(:checked, :indeterminate) {\n color: var(--checked-icon-color, white);\n border-color: var(--w-s-color-border-primary);\n background-color: var(--w-s-color-background-primary);\n}\n\n[part~='control']:has(:indeterminate) {\n font-weight: 700;\n}\n\n[part~='control']:has(:invalid) {\n border-color: var(--w-s-color-border-negative);\n}\n\n[part~='control']:has(:invalid):hover {\n background-color: var(--w-s-color-background-negative-subtle-hover);\n}\n\n[part~='control']:has(:checked):has(:invalid) {\n background-color: var(--w-s-color-background-negative);\n}\n\n[part~='control']:has(:checked) {\n background-image: var(--w-icon-toggle-checked);\n background-position: center;\n}\n\n/* Focus */\n[part~='control']:has(> input:focus-visible:not(:disabled)) {\n outline: var(--wa-focus-ring);\n outline-offset: var(--wa-focus-ring-offset);\n}\n\n/* Disabled */\n:host [part~='base']:has(input:disabled) {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\ninput {\n position: absolute;\n padding: 0;\n margin: 0;\n height: 100%;\n width: 100%;\n opacity: 0;\n pointer-events: none;\n}\n\n[part~='icon'] {\n display: flex;\n\n input:not(:checked, :indeterminate) + & {\n visibility: hidden;\n }\n}\n\n:host([required]) [part~='label']::after {\n content: var(--wa-form-control-required-content);\n color: var(--wa-form-control-required-content-color);\n margin-inline-start: var(--wa-form-control-required-content-offset);\n}\n\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -6,9 +6,13 @@ export * from "./packages/box";
|
|
|
6
6
|
export * from "./packages/breadcrumbs";
|
|
7
7
|
export * from "./packages/button";
|
|
8
8
|
export * from "./packages/card";
|
|
9
|
+
export * from "./packages/dead-toggle/";
|
|
9
10
|
export * from "./packages/expandable";
|
|
10
11
|
export * from "./packages/modal";
|
|
12
|
+
export * from "./packages/pagination";
|
|
11
13
|
export * from "./packages/pill";
|
|
14
|
+
export * from "./packages/rip-and-tear-radio/";
|
|
15
|
+
export * from "./packages/rip-and-tear-checkbox/";
|
|
12
16
|
export * from "./packages/select";
|
|
13
17
|
export * from "./packages/textfield";
|
|
14
18
|
export * from "./packages/toast/api";
|