@arbor-education/design-system.components 0.1.3 → 0.1.4

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 (45) hide show
  1. package/.github/workflows/release.yml +22 -11
  2. package/CHANGELOG.md +9 -0
  3. package/package.json +1 -1
  4. package/.changeset/neat-experts-repair.md +0 -2
  5. package/.changeset/slick-places-grin.md +0 -5
  6. package/.changeset/sunny-cars-sell.md +0 -2
  7. package/.changeset/tough-facts-check.md +0 -5
  8. package/.changeset/true-rats-add.md +0 -5
  9. package/dist/components/formField/inputs/dropdown/Dropdown.d.ts +0 -11
  10. package/dist/components/formField/inputs/dropdown/Dropdown.d.ts.map +0 -1
  11. package/dist/components/formField/inputs/dropdown/Dropdown.js +0 -43
  12. package/dist/components/formField/inputs/dropdown/Dropdown.js.map +0 -1
  13. package/dist/components/formField/inputs/dropdown/Dropdown.stories.d.ts +0 -161
  14. package/dist/components/formField/inputs/dropdown/Dropdown.stories.d.ts.map +0 -1
  15. package/dist/components/formField/inputs/dropdown/Dropdown.stories.js +0 -172
  16. package/dist/components/formField/inputs/dropdown/Dropdown.stories.js.map +0 -1
  17. package/dist/components/formField/inputs/dropdown/Dropdown.test.d.ts +0 -2
  18. package/dist/components/formField/inputs/dropdown/Dropdown.test.d.ts.map +0 -1
  19. package/dist/components/formField/inputs/dropdown/Dropdown.test.js +0 -93
  20. package/dist/components/formField/inputs/dropdown/Dropdown.test.js.map +0 -1
  21. package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts +0 -11
  22. package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts.map +0 -1
  23. package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js +0 -15
  24. package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js.map +0 -1
  25. package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts +0 -10
  26. package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts.map +0 -1
  27. package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js +0 -12
  28. package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js.map +0 -1
  29. package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts +0 -9
  30. package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts.map +0 -1
  31. package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js +0 -17
  32. package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js.map +0 -1
  33. package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts +0 -7
  34. package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts.map +0 -1
  35. package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js +0 -16
  36. package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js.map +0 -1
  37. package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts +0 -16
  38. package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts.map +0 -1
  39. package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js +0 -73
  40. package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js.map +0 -1
  41. package/dist/components/heading/HeadingInnerContainer.d.ts +0 -5
  42. package/dist/components/heading/HeadingInnerContainer.d.ts.map +0 -1
  43. package/dist/components/heading/HeadingInnerContainer.js +0 -7
  44. package/dist/components/heading/HeadingInnerContainer.js.map +0 -1
  45. package/dist/tailwind.css +0 -229
@@ -8,9 +8,18 @@ permissions:
8
8
  id-token: write # Required for OIDC authentication
9
9
 
10
10
  on:
11
+ push:
12
+ branches:
13
+ - DOPS-17000-fix-git-ops # Temporary: trigger on feature branch push
11
14
  schedule:
12
15
  - cron: '0 7 * * 1-5' # 7 AM UTC, Monday-Friday
13
- workflow_dispatch: # Allow manual trigger
16
+ workflow_dispatch:
17
+ inputs:
18
+ force_publish:
19
+ description: 'Force publish current version (skip changeset version step)'
20
+ required: false
21
+ default: false
22
+ type: boolean
14
23
 
15
24
  concurrency: ${{ github.workflow }}-${{ github.ref }}
16
25
 
@@ -22,7 +31,7 @@ jobs:
22
31
  - name: Checkout Repo
23
32
  uses: actions/checkout@v6
24
33
  with:
25
- persist-credentials: false
34
+ token: ${{ secrets.ARBOR_AUTOMATION_ORG_GHA_TOKEN }}
26
35
 
27
36
  - name: Setup Node.js
28
37
  uses: actions/setup-node@v4
@@ -39,11 +48,14 @@ jobs:
39
48
  - name: Upgrade npm for Trusted Publishing (OIDC)
40
49
  run: npm install -g npm@latest
41
50
 
42
- - name: Set up default git user
43
- uses: fregante/setup-git-user@v1
51
+ - name: Setup automation Git user
52
+ run: |
53
+ git config --global user.name "arbor-devops-automation"
54
+ git config --global user.email "automation@arbor-education.com"
44
55
 
45
56
  - name: Version packages
46
57
  id: version
58
+ if: ${{ !inputs.force_publish && github.event_name != 'push' }}
47
59
  env:
48
60
  GITHUB_TOKEN: ${{ secrets.ARBOR_AUTOMATION_ORG_GHA_TOKEN }}
49
61
  run: |
@@ -56,16 +68,15 @@ jobs:
56
68
  echo "changed=true" >> $GITHUB_OUTPUT
57
69
  git add .
58
70
  git commit -m "chore: version packages"
59
- git remote set-url origin https://x-access-token:${{ env.GITHUB_TOKEN }}@github.com/$GITHUB_REPOSITORY
60
71
  git push
61
72
  fi
62
73
 
63
74
  - name: Publish to npm
64
- if: steps.version.outputs.changed == 'true'
75
+ if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
65
76
  run: npm publish
66
77
 
67
78
  - name: Get changelog for current release
68
- if: steps.version.outputs.changed == 'true'
79
+ if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
69
80
  id: get-changelog
70
81
  run: |
71
82
  changelog=$(python "${GITHUB_WORKSPACE}/.github/workflows/scripts/python/changelog_utils.py")
@@ -74,21 +85,21 @@ jobs:
74
85
  echo "EOF" >> $GITHUB_ENV
75
86
 
76
87
  - name: Get version
77
- if: steps.version.outputs.changed == 'true'
88
+ if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
78
89
  id: get-version
79
90
  run: |
80
91
  version=$(node -p "require('./package.json').version")
81
92
  echo "version=${version}" >> $GITHUB_OUTPUT
82
93
 
83
94
  - name: Create tarball
84
- if: steps.version.outputs.changed == 'true'
95
+ if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
85
96
  run: |
86
97
  mkdir -p release
87
98
  npm pack
88
99
  mv *.tgz release/design-system.components.tgz
89
100
 
90
101
  - name: Create GitHub Release
91
- if: steps.version.outputs.changed == 'true'
102
+ if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
92
103
  env:
93
104
  GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
94
105
  run: |
@@ -103,7 +114,7 @@ jobs:
103
114
  "./release/design-system.components.tgz"
104
115
 
105
116
  - name: Send Slack Success Message
106
- if: steps.version.outputs.changed == 'true'
117
+ if: steps.version.outputs.changed == 'true' || inputs.force_publish || github.event_name == 'push'
107
118
  uses: rtCamp/action-slack-notify@v2
108
119
  env:
109
120
  SLACK_COLOR: good
package/CHANGELOG.md CHANGED
@@ -1,3 +1,12 @@
1
+ ## 0.1.4
2
+
3
+ ### Patch Changes
4
+
5
+ - [#80](https://github.com/arbor-education/design-system.components/pull/80) [`592c5b2`](https://github.com/arbor-education/design-system.components/commit/592c5b2a4a5f32d6da5d21c45c3a4d23ff935fea) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-66551 remove browser default margins from ds headings
6
+
7
+ - [#82](https://github.com/arbor-education/design-system.components/pull/82) [`6d8e888`](https://github.com/arbor-education/design-system.components/commit/6d8e8885b4cac858f40dba5f9c204c5459da384d) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-64743 Colour picker component and adding SelectDropdown as a FormField option
8
+
9
+ - [#75](https://github.com/arbor-education/design-system.components/pull/75) [`deb154f`](https://github.com/arbor-education/design-system.components/commit/deb154f078c6f79807c4756b3bb723ceda567688) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-67381 improvements to createComponent script
1
10
 
2
11
  ## 0.1.2
3
12
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arbor-education/design-system.components",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "description": "The component library for the design system (the baby)",
5
5
  "main": "dist/index.js",
6
6
  "repository": {
@@ -1,2 +0,0 @@
1
- ---
2
- ---
@@ -1,5 +0,0 @@
1
- ---
2
- "@arbor-education/design-system.components": patch
3
- ---
4
-
5
- MIS-66551 remove browser default margins from ds headings
@@ -1,2 +0,0 @@
1
- ---
2
- ---
@@ -1,5 +0,0 @@
1
- ---
2
- "@arbor-education/design-system.components": patch
3
- ---
4
-
5
- MIS-64743 Colour picker component and adding SelectDropdown as a FormField option
@@ -1,5 +0,0 @@
1
- ---
2
- "@arbor-education/design-system.components": patch
3
- ---
4
-
5
- MIS-67381 improvements to createComponent script
@@ -1,11 +0,0 @@
1
- import { type DropdownOptionsProps } from '../../../formField/inputs/dropdown/items/DropdownItemRenderer';
2
- export type DropdownInputProps = {
3
- placeholder?: string;
4
- options: DropdownOptionsProps[];
5
- multiple?: boolean;
6
- disabled?: boolean;
7
- errorText?: string;
8
- onSelectionChange: (value: string[]) => void;
9
- };
10
- export declare const Dropdown: (props: DropdownInputProps) => import("react/jsx-runtime").JSX.Element;
11
- //# sourceMappingURL=Dropdown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,kBAAkB,4CAiEjD,CAAC"}
@@ -1,43 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useEffect, useState } from 'react';
3
- import { DropdownWrapper } from '../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
4
- import { DropdownItemRenderer, } from '../../../formField/inputs/dropdown/items/DropdownItemRenderer';
5
- export const Dropdown = (props) => {
6
- const { options, disabled, multiple, placeholder, errorText, onSelectionChange } = props;
7
- const [selectedValues, setSelectedValues] = useState([]);
8
- const [renderedSelectContent, setRenderedSelectContent] = useState('');
9
- useEffect(() => {
10
- onSelectionChange(selectedValues);
11
- if (selectedValues.length === 0) {
12
- setRenderedSelectContent(placeholder ?? 'Select');
13
- }
14
- else if (selectedValues.length === 1) {
15
- const selectedLabel = options.find(option => option.value === selectedValues[0])?.label;
16
- if (selectedLabel)
17
- setRenderedSelectContent(selectedLabel);
18
- }
19
- else {
20
- setRenderedSelectContent(placeholder ?? `Select (${selectedValues.length})`);
21
- }
22
- }, [selectedValues, options, placeholder, onSelectionChange]);
23
- // Flatten grouped options into a single array with headers
24
- const UNGROUPED_KEY = 'Ungrouped';
25
- const groupedOptions = options.reduce((acc, option) => {
26
- const key = option.group ?? UNGROUPED_KEY;
27
- if (!acc[key])
28
- acc[key] = [];
29
- acc[key].push(option);
30
- return acc;
31
- }, {});
32
- const flatOptions = [];
33
- Object.entries(groupedOptions).forEach(([groupName, groupItems]) => {
34
- if (Object.keys(groupedOptions).length > 1) {
35
- flatOptions.push({ headerLabel: groupName });
36
- }
37
- flatOptions.push(...groupItems);
38
- });
39
- return (_jsx(DropdownWrapper, { placeholder: renderedSelectContent, multiple: multiple, errorText: errorText, onSelectionChange: (value) => setSelectedValues(value), disabled: disabled, children: flatOptions.map(item => 'headerLabel' in item
40
- ? (_jsx("h3", { className: "ds-dropdown-wrapper--items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
41
- : (_jsx(DropdownItemRenderer, { value: item.value, header: item.header, label: item.label, icon: item.icon }, item.value))) }));
42
- };
43
- //# sourceMappingURL=Dropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAC;AAC/F,OAAO,EACL,oBAAoB,GAErB,MAAM,iEAAiE,CAAC;AAWzE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAyB,EAAE,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAEzF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,cAAc,CAAC,CAAC;QAElC,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,wBAAwB,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC;QACpD,CAAC;aACI,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACrC,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;YACxF,IAAI,aAAa;gBAAE,wBAAwB,CAAC,aAAa,CAAC,CAAC;QAC7D,CAAC;aACI,CAAC;YACJ,wBAAwB,CAAC,WAAW,IAAI,WAAW,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAC/E,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE9D,2DAA2D;IAC3D,MAAM,aAAa,GAAG,WAAW,CAAC;IAClC,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACpD,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,IAAI,aAAa,CAAC;QAC1C,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;QAC7B,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtB,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAA4C,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAuD,EAAE,CAAC;IAC3E,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,EAAE;QACjE,IAAI,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3C,WAAW,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;QAC/C,CAAC;QACD,WAAW,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,eAAe,IACd,WAAW,EAAE,qBAAqB,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAChE,QAAQ,EAAE,QAAQ,YAEjB,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACtB,aAAa,IAAI,IAAI;YACnB,CAAC,CAAC,CACE,aAAuC,SAAS,EAAC,oCAAoC,YAClF,IAAI,CAAC,WAAW,IADV,GAAG,IAAI,CAAC,WAAW,SAAS,CAEhC,CACN;YACH,CAAC,CAAC,CACE,KAAC,oBAAoB,IACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,IACV,IAAI,CAAC,KAAK,CACf,CACH,CACN,GACe,CACnB,CAAC;AACJ,CAAC,CAAC"}
@@ -1,161 +0,0 @@
1
- import type { Meta } from '@storybook/react-vite';
2
- import { Dropdown } from './Dropdown';
3
- declare const meta: Meta<typeof Dropdown>;
4
- export declare const Default: {
5
- args: {
6
- title: string;
7
- options: {
8
- label: string;
9
- value: string;
10
- }[];
11
- multiple: boolean;
12
- onSelectionChange: (value: string[]) => void;
13
- };
14
- };
15
- export declare const WithIcon: {
16
- args: {
17
- title: string;
18
- options: {
19
- label: string;
20
- value: string;
21
- icon: string;
22
- }[];
23
- multiple: boolean;
24
- onSelectionChange: (value: string[]) => void;
25
- };
26
- };
27
- export declare const DefaultWithGroups: {
28
- args: {
29
- title: string;
30
- multiple: boolean;
31
- options: ({
32
- label: string;
33
- value: string;
34
- group: string;
35
- } | {
36
- label: string;
37
- value: string;
38
- group?: undefined;
39
- })[];
40
- onSelectionChange: (value: string[]) => void;
41
- };
42
- };
43
- export declare const DefaultMultiSelect: {
44
- args: {
45
- title: string;
46
- options: {
47
- label: string;
48
- value: string;
49
- }[];
50
- multiple: boolean;
51
- onSelectionChange: (value: string[]) => void;
52
- };
53
- };
54
- export declare const Placeholder: {
55
- args: {
56
- placeholder: string;
57
- title: string;
58
- options: {
59
- label: string;
60
- value: string;
61
- }[];
62
- onSelectionChange: (value: string[]) => void;
63
- };
64
- };
65
- export declare const EmptyPlaceHolder: {
66
- args: {
67
- placeholder: string;
68
- options: {
69
- label: string;
70
- value: string;
71
- }[];
72
- disabled: boolean;
73
- onSelectionChange: (value: string[]) => void;
74
- };
75
- };
76
- export declare const WithError: {
77
- args: {
78
- title: string;
79
- options: {
80
- label: string;
81
- value: string;
82
- }[];
83
- disabled: boolean;
84
- errorText: string;
85
- onSelectionChange: (value: string[]) => void;
86
- };
87
- };
88
- export declare const Disabled: {
89
- args: {
90
- title: string;
91
- options: {
92
- label: string;
93
- value: string;
94
- }[];
95
- disabled: boolean;
96
- onSelectionChange: (value: string[]) => void;
97
- };
98
- };
99
- export declare const WithGroups: {
100
- args: {
101
- title: string;
102
- options: ({
103
- label: string;
104
- value: string;
105
- group: string;
106
- } | {
107
- label: string;
108
- value: string;
109
- group?: undefined;
110
- })[];
111
- onSelectionChange: (value: string[]) => void;
112
- };
113
- };
114
- export declare const MultilineItems: {
115
- args: {
116
- title: string;
117
- options: {
118
- label: string;
119
- value: string;
120
- header: string;
121
- }[];
122
- onSelectionChange: (value: string[]) => void;
123
- };
124
- };
125
- export declare const MultilineItemsGrouped: {
126
- args: {
127
- title: string;
128
- options: ({
129
- label: string;
130
- value: string;
131
- header: string;
132
- group?: undefined;
133
- } | {
134
- label: string;
135
- value: string;
136
- header: string;
137
- group: string;
138
- })[];
139
- onSelectionChange: (value: string[]) => void;
140
- };
141
- };
142
- export declare const MultilineItemsGroupedMultiSelect: {
143
- args: {
144
- title: string;
145
- multiple: boolean;
146
- options: ({
147
- label: string;
148
- value: string;
149
- header: string;
150
- group: string;
151
- } | {
152
- label: string;
153
- value: string;
154
- header: string;
155
- group?: undefined;
156
- })[];
157
- onSelectionChange: (value: string[]) => void;
158
- };
159
- };
160
- export default meta;
161
- //# sourceMappingURL=Dropdown.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;mCASW,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;mCAeC,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;mCASA,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;mCASO,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;mCASE,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;mCAUS,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;mCAYQ,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;mCASI,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;mCAcH,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;mCAed,MAAM,EAAE;;CAEtC,CAAC;AACF,eAAe,IAAI,CAAC"}
@@ -1,172 +0,0 @@
1
- import { Dropdown } from './Dropdown';
2
- const meta = {
3
- title: 'Components/Dropdown',
4
- component: Dropdown,
5
- };
6
- export const Default = {
7
- args: {
8
- title: 'titleValue',
9
- options: [
10
- { label: 'Option 1', value: 'option1' },
11
- { label: 'Option 2', value: 'option2' },
12
- { label: 'Option 3', value: 'option3' },
13
- ],
14
- multiple: false,
15
- onSelectionChange: (value) => { console.log(value); },
16
- },
17
- };
18
- export const WithIcon = {
19
- args: {
20
- title: 'titleValue',
21
- options: [
22
- { label: 'Option 1', value: 'option1', icon: '3-dot' },
23
- { label: 'Option 2', value: 'option2', icon: 'user' },
24
- { label: 'Option 3', value: 'option3', icon: 'chart-spline' },
25
- ],
26
- multiple: true,
27
- onSelectionChange: (value) => { console.log(value); },
28
- },
29
- };
30
- export const DefaultWithGroups = {
31
- args: {
32
- title: 'titleValue',
33
- multiple: true,
34
- options: [
35
- { label: 'Option 5', value: 'option5', group: 'Group 1' },
36
- { label: 'Option 6', value: 'option6', group: 'Group 1' },
37
- { label: 'Option 7', value: 'option7', group: 'Group 2' },
38
- { label: 'Option 8', value: 'option8', group: 'Group 2' },
39
- { label: 'Option 1', value: 'option1' },
40
- { label: 'Option 2', value: 'option2' },
41
- { label: 'Option 3', value: 'option3' },
42
- { label: 'Option 4', value: 'option4' },
43
- { label: 'Option 9', value: 'option9' },
44
- ],
45
- onSelectionChange: (value) => { console.log(value); },
46
- },
47
- };
48
- export const DefaultMultiSelect = {
49
- args: {
50
- title: 'titleValue',
51
- options: [
52
- { label: 'Option 1', value: 'option1' },
53
- { label: 'Option 2', value: 'option2' },
54
- { label: 'Option 3', value: 'option3' },
55
- ],
56
- multiple: true,
57
- onSelectionChange: (value) => { console.log(value); },
58
- },
59
- };
60
- export const Placeholder = {
61
- args: {
62
- placeholder: 'placeholder',
63
- title: 'titleValue',
64
- options: [
65
- { label: 'Option 1', value: 'option1' },
66
- { label: 'Option 2', value: 'option2' },
67
- { label: 'Option 3', value: 'option3' },
68
- ],
69
- onSelectionChange: (value) => { console.log(value); },
70
- },
71
- };
72
- export const EmptyPlaceHolder = {
73
- args: {
74
- placeholder: '',
75
- options: [
76
- { label: 'Option 1', value: 'option1' },
77
- { label: 'Option 2', value: 'option2' },
78
- { label: 'Option 3', value: 'option3' },
79
- ],
80
- disabled: false,
81
- onSelectionChange: (value) => { console.log(value); },
82
- },
83
- };
84
- export const WithError = {
85
- args: {
86
- title: 'titleValue',
87
- options: [
88
- { label: 'Option 1', value: 'option1' },
89
- { label: 'Option 2', value: 'option2' },
90
- { label: 'Option 3', value: 'option3' },
91
- ],
92
- disabled: false,
93
- errorText: 'This field is required',
94
- onSelectionChange: (value) => { console.log(value); },
95
- },
96
- };
97
- export const Disabled = {
98
- args: {
99
- title: 'titleValue',
100
- options: [
101
- { label: 'Option 1', value: 'option1' },
102
- { label: 'Option 2', value: 'option2' },
103
- { label: 'Option 3', value: 'option3' },
104
- ],
105
- disabled: true,
106
- onSelectionChange: (value) => { console.log(value); },
107
- },
108
- };
109
- export const WithGroups = {
110
- args: {
111
- title: 'titleValue',
112
- options: [
113
- { label: 'Option 1', value: 'option1', group: 'Group 1' },
114
- { label: 'Option 2', value: 'option2', group: 'Group 1' },
115
- { label: 'Option 4', value: 'option4', group: 'Group 2' },
116
- { label: 'Option 5', value: 'option5', group: 'Group 2' },
117
- { label: 'Option 3', value: 'option3' },
118
- { label: 'Option 6', value: 'option6' },
119
- { label: 'Option 7', value: 'option7' },
120
- ],
121
- onSelectionChange: (value) => { console.log(value); },
122
- },
123
- };
124
- export const MultilineItems = {
125
- args: {
126
- title: 'titleValue',
127
- options: [
128
- { label: 'Option 1', value: 'option1', header: 'header1' },
129
- { label: 'Option 2', value: 'option2', header: 'header2' },
130
- { label: 'Option 3', value: 'option3', header: 'header3' },
131
- { label: 'Option 4', value: 'option4', header: 'header4' },
132
- ],
133
- onSelectionChange: (value) => { console.log(value); },
134
- },
135
- };
136
- export const MultilineItemsGrouped = {
137
- args: {
138
- title: 'titleValue',
139
- options: [
140
- { label: 'Option 1', value: 'option1', header: 'header1' },
141
- { label: 'Option 2', value: 'option2', header: 'header2' },
142
- { label: 'Option 3', value: 'option3', header: 'header3' },
143
- { label: 'Option 4', value: 'option4', header: 'header4' },
144
- { label: 'Option 5', value: 'option5', header: 'header5', group: 'Group 1' },
145
- { label: 'Option 6', value: 'option6', header: 'header6', group: 'Group 1' },
146
- { label: 'Option 7', value: 'option7', header: 'header7', group: 'Group 2' },
147
- { label: 'Option 8', value: 'option8', header: 'header8', group: 'Group 2' },
148
- { label: 'Option 9', value: 'option9', header: 'header9' },
149
- ],
150
- onSelectionChange: (value) => { console.log(value); },
151
- },
152
- };
153
- export const MultilineItemsGroupedMultiSelect = {
154
- args: {
155
- title: 'titleValue',
156
- multiple: true,
157
- options: [
158
- { label: 'Option 5', value: 'option5', header: 'header5', group: 'Group 1' },
159
- { label: 'Option 6', value: 'option6', header: 'header6', group: 'Group 1' },
160
- { label: 'Option 7', value: 'option7', header: 'header7', group: 'Group 2' },
161
- { label: 'Option 8', value: 'option8', header: 'header8', group: 'Group 2' },
162
- { label: 'Option 1', value: 'option1', header: 'header1' },
163
- { label: 'Option 2', value: 'option2', header: 'header2' },
164
- { label: 'Option 3', value: 'option3', header: 'header3' },
165
- { label: 'Option 4', value: 'option4', header: 'header4' },
166
- { label: 'Option 9', value: 'option9', header: 'header9' },
167
- ],
168
- onSelectionChange: (value) => { console.log(value); },
169
- },
170
- };
171
- export default meta;
172
- //# sourceMappingURL=Dropdown.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import '@testing-library/jest-dom/vitest';
2
- //# sourceMappingURL=Dropdown.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}
@@ -1,93 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { describe, expect, test, vi } from 'vitest';
3
- import { render, screen } from '@testing-library/react';
4
- import userEvent from '@testing-library/user-event';
5
- import '@testing-library/jest-dom/vitest';
6
- import { Dropdown } from './Dropdown';
7
- describe('Dropdown component', () => {
8
- test('renders with default placeholder', () => {
9
- render(_jsx(Dropdown, { onSelectionChange: vi.fn(), disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
10
- expect(screen.getByText('Select')).toBeInTheDocument();
11
- });
12
- test('renders custom placeholder', () => {
13
- render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
14
- expect(screen.getByText("Hello I'm a Dropdown!")).toBeInTheDocument();
15
- });
16
- test('click opens options', async () => {
17
- render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
18
- await userEvent.click(screen.getByText("Hello I'm a Dropdown!"));
19
- expect(await screen.findByText('Label 1')).toBeInTheDocument();
20
- });
21
- test('does not open options when disabled', async () => {
22
- render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Disabled Dropdown", disabled: true, options: [{ label: 'Label 1', value: 'label1' }] }));
23
- await userEvent.click(screen.getByText('Disabled Dropdown'));
24
- expect(screen.queryByText('Label 1')).toBeNull();
25
- });
26
- test('clicking option triggers onSelectionChange', async () => {
27
- const onSelectionChange = vi.fn();
28
- render(_jsx(Dropdown, { onSelectionChange: onSelectionChange, placeholder: "Hello I'm a Dropdown!", disabled: false, options: [{ label: 'Label 1', value: 'label1' }] }));
29
- await userEvent.click(screen.getByText("Hello I'm a Dropdown!"));
30
- const option = await screen.findByText('Label 1');
31
- await userEvent.click(option);
32
- expect(onSelectionChange).toHaveBeenCalledWith(['label1']);
33
- });
34
- test('renders multiple options (Default story)', async () => {
35
- render(_jsx(Dropdown, { options: [
36
- { label: 'Option 1', value: 'option1' },
37
- { label: 'Option 2', value: 'option2' },
38
- { label: 'Option 3', value: 'option3' },
39
- ], onSelectionChange: vi.fn() }));
40
- await userEvent.click(screen.getByText('Select'));
41
- expect(await screen.findByText('Option 1')).toBeInTheDocument();
42
- expect(screen.getByText('Option 2')).toBeInTheDocument();
43
- expect(screen.getByText('Option 3')).toBeInTheDocument();
44
- });
45
- test('renders icons (WithIcon story)', async () => {
46
- render(_jsx(Dropdown, { options: [
47
- { label: 'Option 1', value: 'option1', icon: '3-dot' },
48
- { label: 'Option 2', value: 'option2', icon: 'user' },
49
- ], multiple: true, onSelectionChange: vi.fn() }));
50
- await userEvent.click(screen.getByText('Select'));
51
- expect(await screen.findByText('Option 1')).toBeInTheDocument();
52
- expect(screen.getByText('Option 2')).toBeInTheDocument();
53
- });
54
- test('supports multi-select (DefaultMultiSelect story)', async () => {
55
- const onSelectionChange = vi.fn();
56
- render(_jsx(Dropdown, { multiple: true, options: [
57
- { label: 'Option 1', value: 'option1' },
58
- { label: 'Option 2', value: 'option2' },
59
- ], onSelectionChange: onSelectionChange }));
60
- await userEvent.click(screen.getByText('Select'));
61
- const option1 = await screen.findByText('Option 1');
62
- const option2 = screen.getByText('Option 2');
63
- await userEvent.click(option1);
64
- await userEvent.click(option2);
65
- expect(onSelectionChange).toHaveBeenCalledWith(['option1', 'option2']);
66
- });
67
- test('applies error class when errorText is provided', () => {
68
- render(_jsx(Dropdown, { onSelectionChange: vi.fn(), placeholder: "Select", disabled: false, errorText: "Something went wrong", options: [{ label: 'Label 1', value: 'label1' }] }));
69
- const selectElement = screen.getByRole('button');
70
- expect(selectElement).toHaveClass('ds-button--error');
71
- });
72
- test('renders grouped options (WithGroups story)', async () => {
73
- render(_jsx(Dropdown, { options: [
74
- { label: 'Option 1', value: 'option1', group: 'Group 1' },
75
- { label: 'Option 2', value: 'option2', group: 'Group 1' },
76
- { label: 'Option 3', value: 'option3' },
77
- ], onSelectionChange: vi.fn() }));
78
- await userEvent.click(screen.getByText('Select'));
79
- expect(await screen.findByText('Group 1')).toBeInTheDocument();
80
- expect(screen.getByText('Option 1')).toBeInTheDocument();
81
- expect(screen.getByText('Option 3')).toBeInTheDocument();
82
- });
83
- test('renders multiline items (MultilineItems story)', async () => {
84
- render(_jsx(Dropdown, { options: [
85
- { label: 'Option 1', value: 'option1', header: 'header1' },
86
- { label: 'Option 2', value: 'option2', header: 'header2' },
87
- ], onSelectionChange: vi.fn() }));
88
- await userEvent.click(screen.getByText('Select'));
89
- expect(await screen.findByText('Option 1')).toBeInTheDocument();
90
- expect(screen.getByText('header1')).toBeInTheDocument();
91
- });
92
- });
93
- //# sourceMappingURL=Dropdown.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.test.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- type DropdownButtonProps = {
3
- label: string;
4
- disabled?: boolean;
5
- error?: boolean;
6
- pressed?: boolean;
7
- onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
8
- };
9
- export declare const DropdownButton: React.FC<DropdownButtonProps>;
10
- export {};
11
- //# sourceMappingURL=DropdownButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BxD,CAAC"}
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { Icon } from '../../../../../icon/Icon';
4
- import { Button } from '../../../../../button/Button';
5
- export const DropdownButton = (props) => {
6
- const { label, disabled, error, pressed, onClick, } = props;
7
- const classNames = [
8
- 'ds-dropdown-select',
9
- pressed ? 'ds-dropdown-select--pressed' : '',
10
- ]
11
- .filter(Boolean)
12
- .join(' ');
13
- return (_jsxs(Button, { error: error, type: "dropdown", className: classNames, disabled: disabled, onClick: onClick, children: [_jsx("span", { children: label }), _jsx("span", { className: "ds-dropdown-select--icon", children: _jsx(Icon, { name: "chevron-down" }) })] }));
14
- };
15
- //# sourceMappingURL=DropdownButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAUlD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAA0B,EAAE,EAAE;IAC1F,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG;QACjB,oBAAoB;QACpB,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;KAC7C;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,aAEhB,yBAAO,KAAK,GAAQ,EACpB,eAAM,SAAS,EAAC,0BAA0B,YAAC,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,GAAO,IACvE,CACV,CAAC;AACJ,CAAC,CAAC"}
@@ -1,10 +0,0 @@
1
- import { type DropdownItemBaseProps } from '../wrapper/DropdownWrapper';
2
- import type { allowedIcons } from '../../../../icon/allowedIcons';
3
- export type DropdownOptionsProps = {
4
- label: string;
5
- header?: string;
6
- group?: string;
7
- icon?: keyof typeof allowedIcons;
8
- } & DropdownItemBaseProps;
9
- export declare const DropdownItemRenderer: (props: DropdownOptionsProps) => import("react/jsx-runtime").JSX.Element;
10
- //# sourceMappingURL=DropdownItemRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownItemRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,oBAAoB,GAAI,OAAO,oBAAoB,4CAwB/D,CAAC"}
@@ -1,12 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- // DropdownItemRenderer.tsx
3
- import { DropdownItem } from './dropdownItem/DropdownItem';
4
- import { DropdownMultiLineItem } from './dropdownMultiLineItem/DropdownMultiLineItem';
5
- import {} from '../wrapper/DropdownWrapper';
6
- export const DropdownItemRenderer = (props) => {
7
- const { value, label, header, icon, selected, onSelection } = props;
8
- return (header
9
- ? (_jsx(DropdownMultiLineItem, { value: value, label: label, header: header, selected: selected, onSelection: onSelection }))
10
- : (_jsx(DropdownItem, { value: value, label: label, icon: icon, selected: selected, onSelection: onSelection })));
11
- };
12
- //# sourceMappingURL=DropdownItemRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownItemRenderer.js","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx"],"names":[],"mappings":";AAAA,2BAA2B;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAA8B,MAAM,4BAA4B,CAAC;AAUxE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA2B,EAAE,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpE,OAAO,CACL,MAAM;QACJ,CAAC,CAAC,CACE,KAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH;QACH,CAAC,CAAC,CACE,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH,CACN,CAAC;AACJ,CAAC,CAAC"}
@@ -1,9 +0,0 @@
1
- import { allowedIcons } from '../../../../../icon/allowedIcons';
2
- import type { DropdownItemBaseProps } from '../../../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
3
- export type DropdownItemProps = {
4
- value: string;
5
- label?: string;
6
- icon?: keyof typeof allowedIcons;
7
- } & DropdownItemBaseProps;
8
- export declare const DropdownItem: (props: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
9
- //# sourceMappingURL=DropdownItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AAE1G,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAqCpD,CAAC"}
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { allowedIcons } from '../../../../../icon/allowedIcons';
3
- import { Icon } from '../../../../../icon/Icon';
4
- import classNames from 'classnames';
5
- export const DropdownItem = (props) => {
6
- const { label, value, icon, selected = false, onSelection, id } = props;
7
- const itemClassNames = classNames('ds-dropdown-item', {
8
- 'ds-dropdown-item--pressed': selected,
9
- });
10
- return (_jsx("div", { role: "option", id: id, className: itemClassNames, onClick: () => onSelection?.(value), tabIndex: 0, "aria-selected": selected, onKeyDown: (e) => {
11
- if (e.key === 'Enter' || e.key === ' ') {
12
- e.preventDefault();
13
- onSelection?.(value);
14
- }
15
- }, children: _jsxs("div", { className: "ds-dropdown-item--content", children: [icon && (_jsx("span", { className: "ds-dropdown-item--icon", children: _jsx(Icon, { name: icon, size: 16 }) })), _jsx("span", { className: "ds-dropdown-item--label", children: label ? label : value }), selected && (_jsx("span", { className: "ds-dropdown-item--check-icon", children: _jsx(Icon, { name: "check", size: 16 }) }))] }) }));
16
- };
17
- //# sourceMappingURL=DropdownItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAExE,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE;QACpD,2BAA2B,EAAE,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,YAED,eAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,wBAAwB,YACtC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACzB,CACR,EACD,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAQ,EACvE,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,8BAA8B,YAC5C,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,7 +0,0 @@
1
- import type { DropdownItemBaseProps } from '../../../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
2
- export type DropdownMultiLineItemProps = {
3
- header: string;
4
- label: string;
5
- } & DropdownItemBaseProps;
6
- export declare const DropdownMultiLineItem: (props: DropdownMultiLineItemProps) => import("react/jsx-runtime").JSX.Element;
7
- //# sourceMappingURL=DropdownMultiLineItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMultiLineItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AAG1G,MAAM,MAAM,0BAA0B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,4CAqCtE,CAAC"}
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import classNames from 'classnames'; // Import the classNames utility
3
- import { Icon } from '../../../../../icon/Icon'; // Import the Icon component
4
- export const DropdownMultiLineItem = (props) => {
5
- const { value, label, header, selected, onSelection, id } = props;
6
- const itemClassNames = classNames('ds-dropdown-item', {
7
- 'ds-dropdown-item--pressed': selected,
8
- });
9
- return (_jsx("div", { role: "option", id: id, className: itemClassNames, onClick: () => onSelection?.(value), tabIndex: 0, "aria-selected": selected, onKeyDown: (e) => {
10
- if (e.key === 'Enter' || e.key === ' ') {
11
- e.preventDefault();
12
- onSelection?.(value);
13
- }
14
- }, children: _jsxs("div", { className: "ds-dropdown-item-multiline ds-dropdown-item--content", children: [_jsxs("h4", { className: "ds-dropdown-item-multiline--header", children: [header, selected && (_jsx("span", { className: "ds-dropdown-item-multiline--check-icon", children: _jsx(Icon, { name: "check", size: 16 }) }))] }), _jsx("div", { className: "ds-dropdown-item-multiline--content", children: label ? label : value })] }) }));
15
- };
16
- //# sourceMappingURL=DropdownMultiLineItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMultiLineItem.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC,CAAC,gCAAgC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC,CAAC,4BAA4B;AASzE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAElE,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE;QACpD,2BAA2B,EAAE,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,YAED,eAAK,SAAS,EAAC,sDAAsD,aACnE,cAAI,SAAS,EAAC,oCAAoC,aAC/C,MAAM,EACN,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,wCAAwC,YACtD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,IACE,EACL,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAClB,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,16 +0,0 @@
1
- import React, { type SelectHTMLAttributes, type ReactNode } from 'react';
2
- export type DropdownItemBaseProps = {
3
- value: string;
4
- selected?: boolean;
5
- onSelection?: (value: string) => void;
6
- } & React.HTMLAttributes<HTMLDivElement>;
7
- export type DropdownWrapperProps = {
8
- placeholder?: string;
9
- multiple?: boolean;
10
- disabled?: boolean;
11
- errorText?: string;
12
- children: ReactNode;
13
- onSelectionChange: (value: string[]) => void;
14
- } & SelectHTMLAttributes<HTMLSelectElement>;
15
- export declare const DropdownWrapper: (props: DropdownWrapperProps) => import("react/jsx-runtime").JSX.Element;
16
- //# sourceMappingURL=DropdownWrapper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/wrapper/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAgH1D,CAAC"}
@@ -1,73 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React, { useState, cloneElement, useEffect, useRef, } from 'react';
3
- import { DropdownButton } from '../../../../formField/inputs/dropdown/buttons/dropdownButton/DropdownButton';
4
- export const DropdownWrapper = (props) => {
5
- const { placeholder, disabled, errorText, multiple, children, onSelectionChange } = props;
6
- const [dropdownOpen, setDropdownOpen] = useState(false);
7
- const [selected, setSelected] = useState([]);
8
- const [focusedIndex, setFocusedIndex] = useState(-1);
9
- const dropdownRef = useRef(null);
10
- const toggleDropdown = (e) => {
11
- e.preventDefault();
12
- if (!disabled) {
13
- setDropdownOpen(!dropdownOpen);
14
- }
15
- };
16
- const handleItemClick = (value) => {
17
- if (!multiple) {
18
- setSelected([value]);
19
- setDropdownOpen(false);
20
- }
21
- else {
22
- setSelected(prev => prev.includes(value) ? prev.filter(sel => sel !== value) : [...prev, value]);
23
- }
24
- };
25
- const handleKeyDown = (e) => {
26
- if (!dropdownOpen) {
27
- if (e.key === 'ArrowDown' || e.key === 'Enter') {
28
- e.preventDefault();
29
- setDropdownOpen(true);
30
- setFocusedIndex(0);
31
- }
32
- return;
33
- }
34
- const items = React.Children.toArray(children).filter(child => React.isValidElement(child));
35
- switch (e.key) {
36
- case 'ArrowDown':
37
- e.preventDefault();
38
- setFocusedIndex(prev => (prev + 1) % items.length);
39
- break;
40
- case 'ArrowUp':
41
- e.preventDefault();
42
- setFocusedIndex(prev => (prev - 1 + items.length) % items.length);
43
- break;
44
- case 'Enter':
45
- e.preventDefault();
46
- if (focusedIndex >= 0 && focusedIndex < items.length) {
47
- const item = items[focusedIndex];
48
- handleItemClick(item.props.value);
49
- }
50
- break;
51
- case 'Escape':
52
- e.preventDefault();
53
- setDropdownOpen(false);
54
- break;
55
- default:
56
- break;
57
- }
58
- };
59
- useEffect(() => {
60
- onSelectionChange(selected);
61
- }, [selected]);
62
- return (_jsxs("div", { className: "ds-dropdown-wrapper", ref: dropdownRef, onKeyDown: handleKeyDown, role: "combobox", "aria-expanded": dropdownOpen, "aria-haspopup": "listbox", "aria-disabled": disabled, children: [_jsx(DropdownButton, { label: placeholder ?? '', disabled: disabled, error: !!errorText, pressed: dropdownOpen, onClick: toggleDropdown }), dropdownOpen && (_jsx("div", { role: "listbox", id: "dropdownList", className: "ds-dropdown-wrapper--items", "aria-activedescendant": focusedIndex >= 0 ? `dropdown-item-${focusedIndex}` : undefined, children: React.Children.map(children, (child, index) => {
63
- if (React.isValidElement(child)) {
64
- return cloneElement(child, {
65
- selected: selected.includes(child.props.value),
66
- onSelection: handleItemClick,
67
- id: `dropdown-item-${index}`,
68
- });
69
- }
70
- return child;
71
- }) }))] }));
72
- };
73
- //# sourceMappingURL=DropdownWrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownWrapper.js","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/wrapper/DropdownWrapper.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import type { HTMLAttributes } from 'react';
2
- type HeadingSubContainerProps = HTMLAttributes<HTMLSpanElement>;
3
- export declare const HeadingInnerContainer: (props: HeadingSubContainerProps) => import('react/jsx-runtime').JSX.Element;
4
- export {};
5
- // # sourceMappingURL=HeadingInnerContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeadingInnerContainer.d.ts","sourceRoot":"","sources":["../../../src/components/heading/HeadingInnerContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEhE,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,4CAYpE,CAAC"}
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from 'react/jsx-runtime';
2
- import classNames from 'classnames';
3
- export const HeadingInnerContainer = (props) => {
4
- const { className, ...rest } = props;
5
- return (_jsx('span', { className: classNames(className, 'ds-heading__inner-container'), ...rest }));
6
- };
7
- // # sourceMappingURL=HeadingInnerContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeadingInnerContainer.js","sourceRoot":"","sources":["../../../src/components/heading/HeadingInnerContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAKpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,6BAA6B,CAC9B,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC"}
package/dist/tailwind.css DELETED
@@ -1,229 +0,0 @@
1
- /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, base, components, utilities;
4
- @layer theme {
5
- :root, :host {
6
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
- "Courier New", monospace;
10
- --default-font-family: var(--font-sans);
11
- --default-mono-font-family: var(--font-mono);
12
- }
13
- }
14
- @layer base {
15
- *, ::after, ::before, ::backdrop, ::file-selector-button {
16
- box-sizing: border-box;
17
- margin: 0;
18
- padding: 0;
19
- border: 0 solid;
20
- }
21
- html, :host {
22
- line-height: 1.5;
23
- -webkit-text-size-adjust: 100%;
24
- tab-size: 4;
25
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
26
- font-feature-settings: var(--default-font-feature-settings, normal);
27
- font-variation-settings: var(--default-font-variation-settings, normal);
28
- -webkit-tap-highlight-color: transparent;
29
- }
30
- hr {
31
- height: 0;
32
- color: inherit;
33
- border-top-width: 1px;
34
- }
35
- abbr:where([title]) {
36
- -webkit-text-decoration: underline dotted;
37
- text-decoration: underline dotted;
38
- }
39
- h1, h2, h3, h4, h5, h6 {
40
- font-size: inherit;
41
- font-weight: inherit;
42
- }
43
- a {
44
- color: inherit;
45
- -webkit-text-decoration: inherit;
46
- text-decoration: inherit;
47
- }
48
- b, strong {
49
- font-weight: bolder;
50
- }
51
- code, kbd, samp, pre {
52
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
53
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
54
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
55
- font-size: 1em;
56
- }
57
- small {
58
- font-size: 80%;
59
- }
60
- sub, sup {
61
- font-size: 75%;
62
- line-height: 0;
63
- position: relative;
64
- vertical-align: baseline;
65
- }
66
- sub {
67
- bottom: -0.25em;
68
- }
69
- sup {
70
- top: -0.5em;
71
- }
72
- table {
73
- text-indent: 0;
74
- border-color: inherit;
75
- border-collapse: collapse;
76
- }
77
- :-moz-focusring {
78
- outline: auto;
79
- }
80
- progress {
81
- vertical-align: baseline;
82
- }
83
- summary {
84
- display: list-item;
85
- }
86
- ol, ul, menu {
87
- list-style: none;
88
- }
89
- img, svg, video, canvas, audio, iframe, embed, object {
90
- display: block;
91
- vertical-align: middle;
92
- }
93
- img, video {
94
- max-width: 100%;
95
- height: auto;
96
- }
97
- button, input, select, optgroup, textarea, ::file-selector-button {
98
- font: inherit;
99
- font-feature-settings: inherit;
100
- font-variation-settings: inherit;
101
- letter-spacing: inherit;
102
- color: inherit;
103
- border-radius: 0;
104
- background-color: transparent;
105
- opacity: 1;
106
- }
107
- :where(select:is([multiple], [size])) optgroup {
108
- font-weight: bolder;
109
- }
110
- :where(select:is([multiple], [size])) optgroup option {
111
- padding-inline-start: 20px;
112
- }
113
- ::file-selector-button {
114
- margin-inline-end: 4px;
115
- }
116
- ::placeholder {
117
- opacity: 1;
118
- }
119
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
120
- ::placeholder {
121
- color: currentcolor;
122
- @supports (color: color-mix(in lab, red, red)) {
123
- color: color-mix(in oklab, currentcolor 50%, transparent);
124
- }
125
- }
126
- }
127
- textarea {
128
- resize: vertical;
129
- }
130
- ::-webkit-search-decoration {
131
- -webkit-appearance: none;
132
- }
133
- ::-webkit-date-and-time-value {
134
- min-height: 1lh;
135
- text-align: inherit;
136
- }
137
- ::-webkit-datetime-edit {
138
- display: inline-flex;
139
- }
140
- ::-webkit-datetime-edit-fields-wrapper {
141
- padding: 0;
142
- }
143
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
144
- padding-block: 0;
145
- }
146
- ::-webkit-calendar-picker-indicator {
147
- line-height: 1;
148
- }
149
- :-moz-ui-invalid {
150
- box-shadow: none;
151
- }
152
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
153
- appearance: button;
154
- }
155
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
156
- height: auto;
157
- }
158
- [hidden]:where(:not([hidden="until-found"])) {
159
- display: none !important;
160
- }
161
- }
162
- @layer utilities {
163
- .collapse {
164
- visibility: collapse;
165
- }
166
- .sr-only {
167
- position: absolute;
168
- width: 1px;
169
- height: 1px;
170
- padding: 0;
171
- margin: -1px;
172
- overflow: hidden;
173
- clip-path: inset(50%);
174
- white-space: nowrap;
175
- border-width: 0;
176
- }
177
- .relative {
178
- position: relative;
179
- }
180
- .container {
181
- width: 100%;
182
- @media (width >= 40rem) {
183
- max-width: 40rem;
184
- }
185
- @media (width >= 48rem) {
186
- max-width: 48rem;
187
- }
188
- @media (width >= 64rem) {
189
- max-width: 64rem;
190
- }
191
- @media (width >= 80rem) {
192
- max-width: 80rem;
193
- }
194
- @media (width >= 96rem) {
195
- max-width: 96rem;
196
- }
197
- }
198
- .contents {
199
- display: contents;
200
- }
201
- .flex {
202
- display: flex;
203
- }
204
- .hidden {
205
- display: none;
206
- }
207
- .table {
208
- display: table;
209
- }
210
- .shrink {
211
- flex-shrink: 1;
212
- }
213
- .border {
214
- border-style: var(--tw-border-style);
215
- border-width: 1px;
216
- }
217
- }
218
- @property --tw-border-style {
219
- syntax: "*";
220
- inherits: false;
221
- initial-value: solid;
222
- }
223
- @layer properties {
224
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
225
- *, ::before, ::after, ::backdrop {
226
- --tw-border-style: solid;
227
- }
228
- }
229
- }