@warp-ds/elements 2.5.0-next.1 → 2.5.0-next.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/custom-elements.json +80 -2535
- package/dist/index.d.ts +51 -1279
- package/dist/packages/icon/icon.d.ts +0 -5
- package/dist/packages/icon/icon.js +24 -98
- package/dist/packages/icon/icon.js.map +7 -0
- package/dist/web-types.json +36 -683
- package/package.json +12 -60
- package/dist/packages/checkbox/checkbox.d.ts +0 -66
- package/dist/packages/checkbox/checkbox.js +0 -2591
- package/dist/packages/checkbox/checkbox.js.map +0 -7
- package/dist/packages/checkbox/checkbox.react.stories.d.ts +0 -12
- package/dist/packages/checkbox/checkbox.react.stories.js +0 -10
- package/dist/packages/checkbox/checkbox.stories.d.ts +0 -12
- package/dist/packages/checkbox/checkbox.stories.js +0 -26
- package/dist/packages/checkbox/react.d.ts +0 -5
- package/dist/packages/checkbox/react.js +0 -15
- package/dist/packages/checkbox/styles.d.ts +0 -0
- package/dist/packages/checkbox/styles.js +0 -0
- package/dist/packages/checkbox-group/checkbox-group.d.ts +0 -10
- package/dist/packages/checkbox-group/checkbox-group.js +0 -7
- package/dist/packages/checkbox-group/checkbox-group.js.map +0 -7
- package/dist/packages/checkbox-group/react.d.ts +0 -2
- package/dist/packages/checkbox-group/react.js +0 -11
- package/dist/packages/dead-toggle/dead-toggle.d.ts +0 -17
- package/dist/packages/dead-toggle/dead-toggle.js +0 -2547
- package/dist/packages/dead-toggle/dead-toggle.js.map +0 -7
- package/dist/packages/dead-toggle/dead-toggle.react.stories.d.ts +0 -15
- package/dist/packages/dead-toggle/dead-toggle.react.stories.js +0 -34
- package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +0 -14
- package/dist/packages/dead-toggle/dead-toggle.stories.js +0 -45
- package/dist/packages/dead-toggle/dead-toggle.test.d.ts +0 -1
- package/dist/packages/dead-toggle/dead-toggle.test.js +0 -9
- package/dist/packages/dead-toggle/react.d.ts +0 -2
- package/dist/packages/dead-toggle/react.js +0 -11
- package/dist/packages/pagination/locales/da/messages.d.mts +0 -1
- package/dist/packages/pagination/locales/da/messages.mjs +0 -1
- package/dist/packages/pagination/locales/en/messages.d.mts +0 -1
- package/dist/packages/pagination/locales/en/messages.mjs +0 -1
- package/dist/packages/pagination/locales/fi/messages.d.mts +0 -1
- package/dist/packages/pagination/locales/fi/messages.mjs +0 -1
- package/dist/packages/pagination/locales/nb/messages.d.mts +0 -1
- package/dist/packages/pagination/locales/nb/messages.mjs +0 -1
- package/dist/packages/pagination/locales/sv/messages.d.mts +0 -1
- package/dist/packages/pagination/locales/sv/messages.mjs +0 -1
- package/dist/packages/pagination/pagination.d.ts +0 -32
- package/dist/packages/pagination/pagination.js +0 -2500
- package/dist/packages/pagination/pagination.js.map +0 -7
- package/dist/packages/pagination/pagination.react.stories.d.ts +0 -21
- package/dist/packages/pagination/pagination.react.stories.js +0 -45
- package/dist/packages/pagination/pagination.stories.d.ts +0 -14
- package/dist/packages/pagination/pagination.stories.js +0 -56
- package/dist/packages/pagination/pagination.test.d.ts +0 -1
- package/dist/packages/pagination/pagination.test.js +0 -76
- package/dist/packages/pagination/react.d.ts +0 -5
- package/dist/packages/pagination/react.js +0 -15
- package/dist/packages/pagination/styles.d.ts +0 -1
- package/dist/packages/pagination/styles.js +0 -2
- package/dist/packages/radio/base-element.d.ts +0 -46
- package/dist/packages/radio/base-element.js +0 -100
- package/dist/packages/radio/custom-error-validator.d.ts +0 -6
- package/dist/packages/radio/custom-error-validator.js +0 -22
- package/dist/packages/radio/form-associated-element.d.ts +0 -103
- package/dist/packages/radio/form-associated-element.js +0 -282
- package/dist/packages/radio/host-styles.d.ts +0 -1
- package/dist/packages/radio/host-styles.js +0 -12
- package/dist/packages/radio/invalid.d.ts +0 -8
- package/dist/packages/radio/invalid.js +0 -5
- package/dist/packages/radio/math.d.ts +0 -1
- package/dist/packages/radio/math.js +0 -4
- package/dist/packages/radio/radio-styles.d.ts +0 -0
- package/dist/packages/radio/radio-styles.js +0 -0
- package/dist/packages/radio/radio.d.ts +0 -38
- package/dist/packages/radio/radio.js +0 -2562
- package/dist/packages/radio/radio.js.map +0 -7
- package/dist/packages/radio/radio.react.stories.d.ts +0 -9
- package/dist/packages/radio/radio.react.stories.js +0 -10
- package/dist/packages/radio/radio.stories.d.ts +0 -15
- package/dist/packages/radio/radio.stories.js +0 -61
- package/dist/packages/radio/react.d.ts +0 -2
- package/dist/packages/radio/react.js +0 -11
- package/dist/packages/radio/required-validator.d.ts +0 -11
- package/dist/packages/radio/required-validator.js +0 -34
- package/dist/packages/radio/slot.d.ts +0 -20
- package/dist/packages/radio/slot.js +0 -71
- package/dist/packages/radio/watch.d.ts +0 -26
- package/dist/packages/radio/watch.js +0 -39
- package/dist/packages/radio-group/radio-group-styles.d.ts +0 -1
- package/dist/packages/radio-group/radio-group-styles.js +0 -59
- package/dist/packages/radio-group/radio-group.d.ts +0 -72
- package/dist/packages/radio-group/radio-group.js +0 -2648
- package/dist/packages/radio-group/radio-group.js.map +0 -7
- package/dist/packages/radio-group/react.d.ts +0 -7
- package/dist/packages/radio-group/react.js +0 -17
- package/dist/packages/slider/Slider.d.ts +0 -2
- package/dist/packages/slider/Slider.js +0 -8
- package/dist/packages/slider/index.d.ts +0 -2
- package/dist/packages/slider/index.js +0 -2
- package/dist/packages/slider/locales/da/messages.d.mts +0 -1
- package/dist/packages/slider/locales/da/messages.mjs +0 -1
- package/dist/packages/slider/locales/en/messages.d.mts +0 -1
- package/dist/packages/slider/locales/en/messages.mjs +0 -1
- package/dist/packages/slider/locales/fi/messages.d.mts +0 -1
- package/dist/packages/slider/locales/fi/messages.mjs +0 -1
- package/dist/packages/slider/locales/nb/messages.d.mts +0 -1
- package/dist/packages/slider/locales/nb/messages.mjs +0 -1
- package/dist/packages/slider/locales/sv/messages.d.mts +0 -1
- package/dist/packages/slider/locales/sv/messages.mjs +0 -1
- package/dist/packages/slider/react.d.ts +0 -3
- package/dist/packages/slider/react.js +0 -13
- package/dist/packages/slider/slider.d.ts +0 -55
- package/dist/packages/slider/slider.js +0 -2632
- package/dist/packages/slider/slider.js.map +0 -7
- package/dist/packages/slider/slider.react.stories.d.ts +0 -19
- package/dist/packages/slider/slider.react.stories.js +0 -140
- package/dist/packages/slider/slider.stories.d.ts +0 -22
- package/dist/packages/slider/slider.stories.js +0 -405
- package/dist/packages/slider/slider.test.d.ts +0 -5
- package/dist/packages/slider/slider.test.js +0 -112
- package/dist/packages/slider/styles/w-slider.styles.d.ts +0 -1
- package/dist/packages/slider/styles/w-slider.styles.js +0 -148
- package/dist/packages/slider/styles.d.ts +0 -1
- package/dist/packages/slider/styles.js +0 -2
- package/dist/packages/slider-thumb/SliderThumb.d.ts +0 -2
- package/dist/packages/slider-thumb/SliderThumb.js +0 -8
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.d.ts +0 -2
- package/dist/packages/slider-thumb/oddbird-css-anchor-positioning.js +0 -3
- package/dist/packages/slider-thumb/react.d.ts +0 -6
- package/dist/packages/slider-thumb/react.js +0 -15
- package/dist/packages/slider-thumb/slider-thumb.d.ts +0 -63
- package/dist/packages/slider-thumb/slider-thumb.js +0 -2748
- package/dist/packages/slider-thumb/slider-thumb.js.map +0 -7
- package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.d.ts +0 -1
- package/dist/packages/slider-thumb/styles/w-slider-thumb.styles.js +0 -175
- package/dist/packages/step/locales/da/messages.d.mts +0 -1
- package/dist/packages/step/locales/da/messages.mjs +0 -1
- package/dist/packages/step/locales/en/messages.d.mts +0 -1
- package/dist/packages/step/locales/en/messages.mjs +0 -1
- package/dist/packages/step/locales/fi/messages.d.mts +0 -1
- package/dist/packages/step/locales/fi/messages.mjs +0 -1
- package/dist/packages/step/locales/nb/messages.d.mts +0 -1
- package/dist/packages/step/locales/nb/messages.mjs +0 -1
- package/dist/packages/step/locales/sv/messages.d.mts +0 -1
- package/dist/packages/step/locales/sv/messages.mjs +0 -1
- package/dist/packages/step/react.d.ts +0 -2
- package/dist/packages/step/react.js +0 -11
- package/dist/packages/step/step.d.ts +0 -22
- package/dist/packages/step/step.js +0 -2461
- package/dist/packages/step/step.js.map +0 -7
- package/dist/packages/step-indicator/index.d.ts +0 -2
- package/dist/packages/step-indicator/index.js +0 -2
- package/dist/packages/step-indicator/react.d.ts +0 -3
- package/dist/packages/step-indicator/react.js +0 -13
- package/dist/packages/step-indicator/step-indicator.d.ts +0 -14
- package/dist/packages/step-indicator/step-indicator.js +0 -2445
- package/dist/packages/step-indicator/step-indicator.js.map +0 -7
- package/dist/packages/step-indicator/stepindicator.react.stories.d.ts +0 -15
- package/dist/packages/step-indicator/stepindicator.react.stories.js +0 -112
- package/dist/packages/step-indicator/stepindicator.stories.d.ts +0 -13
- package/dist/packages/step-indicator/stepindicator.stories.js +0 -173
- package/dist/packages/step-indicator/styles.d.ts +0 -1
- package/dist/packages/step-indicator/styles.js +0 -2
- package/dist/packages/textarea/locales/da/messages.d.mts +0 -1
- package/dist/packages/textarea/locales/da/messages.mjs +0 -1
- package/dist/packages/textarea/locales/en/messages.d.mts +0 -1
- package/dist/packages/textarea/locales/en/messages.mjs +0 -1
- package/dist/packages/textarea/locales/fi/messages.d.mts +0 -1
- package/dist/packages/textarea/locales/fi/messages.mjs +0 -1
- package/dist/packages/textarea/locales/nb/messages.d.mts +0 -1
- package/dist/packages/textarea/locales/nb/messages.mjs +0 -1
- package/dist/packages/textarea/locales/sv/messages.d.mts +0 -1
- package/dist/packages/textarea/locales/sv/messages.mjs +0 -1
- package/dist/packages/textarea/react.d.ts +0 -11
- package/dist/packages/textarea/react.js +0 -21
- package/dist/packages/textarea/styles.d.ts +0 -1
- package/dist/packages/textarea/styles.js +0 -2
- package/dist/packages/textarea/textarea.d.ts +0 -49
- package/dist/packages/textarea/textarea.js +0 -2475
- package/dist/packages/textarea/textarea.js.map +0 -7
- package/dist/packages/textarea/textarea.react.stories.d.ts +0 -33
- package/dist/packages/textarea/textarea.react.stories.js +0 -41
- package/dist/packages/textarea/textarea.stories.d.ts +0 -19
- package/dist/packages/textarea/textarea.stories.js +0 -85
- package/dist/packages/textarea/textarea.test.d.ts +0 -1
- package/dist/packages/textarea/textarea.test.js +0 -68
- package/dist/packages/toggle-styles.d.ts +0 -1
- package/dist/packages/toggle-styles.js +0 -108
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
2
|
-
export const styles = css `
|
|
3
|
-
:host {
|
|
4
|
-
display: block;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.form-control {
|
|
8
|
-
position: relative;
|
|
9
|
-
border: none;
|
|
10
|
-
padding: 0;
|
|
11
|
-
margin: 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.label {
|
|
15
|
-
font-size: var(--w-font-size-s);
|
|
16
|
-
line-height: var(--w-line-height-s);
|
|
17
|
-
font-weight: 700;
|
|
18
|
-
-webkit-font-smoothing: antialiased;
|
|
19
|
-
-moz-osx-font-smoothing: grayscale;
|
|
20
|
-
font-smoothing: grayscale;
|
|
21
|
-
cursor: pointer;
|
|
22
|
-
padding-bottom: 0.4rem;
|
|
23
|
-
color: var(--w-s-color-text);
|
|
24
|
-
display: block;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.radio-group-required .label::after {
|
|
28
|
-
content: var(--wa-form-control-required-content);
|
|
29
|
-
margin-inline-start: var(--wa-form-control-required-content-offset);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.button-group {
|
|
33
|
-
display: flex;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
[part~='form-control-input'] {
|
|
37
|
-
display: flex;
|
|
38
|
-
flex-direction: column;
|
|
39
|
-
flex-wrap: wrap;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
/* Horizontal */
|
|
43
|
-
:host([orientation='horizontal']) [part~='form-control-input'] {
|
|
44
|
-
flex-direction: row;
|
|
45
|
-
gap: 1em;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
/* Help text */
|
|
49
|
-
[part~='hint'] {
|
|
50
|
-
margin-block-start: 0.5em;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
/* Radios have the "button" appearance */
|
|
54
|
-
:host fieldset.has-radio-buttons {
|
|
55
|
-
[part~='form-control-input'] {
|
|
56
|
-
gap: 0;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
`;
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import type { PropertyValues } from 'lit';
|
|
2
|
-
import { BaseFormAssociatedElement } from '../radio/form-associated-element.js';
|
|
3
|
-
import '../radio/radio.js';
|
|
4
|
-
import type { WRadio } from '../radio/radio.js';
|
|
5
|
-
/**
|
|
6
|
-
* @slot label - Alternative to the `label` attribute should you need custom HTML.
|
|
7
|
-
*/
|
|
8
|
-
export declare class WRadioGroup extends BaseFormAssociatedElement {
|
|
9
|
-
static css: import("lit").CSSResult[];
|
|
10
|
-
static get validators(): import("../radio/form-associated-element.js").Validator<BaseFormAssociatedElement>[];
|
|
11
|
-
private readonly hasSlotController;
|
|
12
|
-
hasRadioButtons: boolean;
|
|
13
|
-
defaultSlot: HTMLSlotElement;
|
|
14
|
-
/**
|
|
15
|
-
* The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
|
|
16
|
-
* instead.
|
|
17
|
-
*/
|
|
18
|
-
label: string;
|
|
19
|
-
/** The radio groups's hint. If you need to display HTML, use the `hint` slot instead. */
|
|
20
|
-
hint: string;
|
|
21
|
-
/** The name of the radio group, submitted as a name/value pair with form data. */
|
|
22
|
-
name: string | null;
|
|
23
|
-
/** Disables the radio group and all child radios. */
|
|
24
|
-
disabled: boolean;
|
|
25
|
-
/** The orientation in which to show radio items. */
|
|
26
|
-
orientation: 'horizontal' | 'vertical';
|
|
27
|
-
private _value;
|
|
28
|
-
get value(): string | number | null;
|
|
29
|
-
/** The current value of the radio group, submitted as a name/value pair with form data. */
|
|
30
|
-
set value(val: string | number | null);
|
|
31
|
-
/** The default value of the form control. Primarily used for resetting the form control. */
|
|
32
|
-
defaultValue: string | null;
|
|
33
|
-
/** The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden. */
|
|
34
|
-
size: 'small' | 'medium' | 'large';
|
|
35
|
-
/** Ensures a child radio is checked before allowing the containing form to submit. */
|
|
36
|
-
required: boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Used for SSR. if true, will show slotted label on initial render.
|
|
39
|
-
*/
|
|
40
|
-
withLabel: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Used for SSR. if true, will show slotted hint on initial render.
|
|
43
|
-
*/
|
|
44
|
-
withHint: boolean;
|
|
45
|
-
static shadowRootOptions: {
|
|
46
|
-
delegatesFocus: boolean;
|
|
47
|
-
mode: ShadowRootMode;
|
|
48
|
-
serializable?: boolean;
|
|
49
|
-
slotAssignment?: SlotAssignmentMode;
|
|
50
|
-
};
|
|
51
|
-
constructor();
|
|
52
|
-
/**
|
|
53
|
-
* We use the first available radio as the validationTarget similar to native HTML that shows the validation popup on
|
|
54
|
-
* the first radio element.
|
|
55
|
-
*/
|
|
56
|
-
get validationTarget(): WRadio;
|
|
57
|
-
updated(changedProperties: PropertyValues<this>): void;
|
|
58
|
-
formResetCallback(...args: Parameters<BaseFormAssociatedElement['formResetCallback']>): void;
|
|
59
|
-
private handleRadioClick;
|
|
60
|
-
private getAllRadios;
|
|
61
|
-
private handleLabelClick;
|
|
62
|
-
private syncRadioElements;
|
|
63
|
-
private handleKeyDown;
|
|
64
|
-
/** Sets focus on the radio group. */
|
|
65
|
-
focus(options?: FocusOptions): void;
|
|
66
|
-
render(): import("lit").TemplateResult<1>;
|
|
67
|
-
}
|
|
68
|
-
declare global {
|
|
69
|
-
interface HTMLElementTagNameMap {
|
|
70
|
-
'w-radio-group': WRadioGroup;
|
|
71
|
-
}
|
|
72
|
-
}
|