@agregio-solutions/design-system 1.92.2 → 1.94.0
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/design-system.cjs +399 -408
- package/dist/design-system.js +8680 -8236
- package/dist/packages/components/Icon/Icon.d.ts +62 -0
- package/dist/packages/components/Icon/components/back_time.d.ts +2 -0
- package/dist/packages/components/Icon/components/{access_time copy.d.ts → calculator.d.ts} +1 -1
- package/dist/packages/components/Icon/components/calibration.d.ts +2 -0
- package/dist/packages/components/Icon/components/change_circle.d.ts +2 -0
- package/dist/packages/components/Icon/components/change_ok.d.ts +2 -0
- package/dist/packages/components/Icon/components/cycle.d.ts +2 -0
- package/dist/packages/components/Icon/components/disconnect.d.ts +2 -0
- package/dist/packages/components/Icon/components/driver.d.ts +2 -0
- package/dist/packages/components/Icon/components/eye_off.d.ts +2 -0
- package/dist/packages/components/Icon/components/file_download.d.ts +2 -0
- package/dist/packages/components/Icon/components/file_export.d.ts +2 -0
- package/dist/packages/components/Icon/components/hand.d.ts +2 -0
- package/dist/packages/components/Icon/components/id.d.ts +2 -0
- package/dist/packages/components/Icon/components/joystick.d.ts +2 -0
- package/dist/packages/components/Icon/components/laptop.d.ts +2 -0
- package/dist/packages/components/Icon/components/logs.d.ts +2 -0
- package/dist/packages/components/Icon/components/magic_wand.d.ts +2 -0
- package/dist/packages/components/Icon/components/modbus.d.ts +2 -0
- package/dist/packages/components/Icon/components/play_full.d.ts +2 -0
- package/dist/packages/components/Icon/components/progress.d.ts +2 -0
- package/dist/packages/components/Icon/components/rename.d.ts +2 -0
- package/dist/packages/components/Icon/components/return.d.ts +2 -0
- package/dist/packages/components/Icon/components/save.d.ts +2 -0
- package/dist/packages/components/Icon/components/scan.d.ts +2 -0
- package/dist/packages/components/Icon/components/science_2.d.ts +2 -0
- package/dist/packages/components/Icon/components/tag_remove.d.ts +2 -0
- package/dist/packages/components/Icon/components/team.d.ts +2 -0
- package/dist/packages/components/Icon/components/tools.d.ts +2 -0
- package/dist/packages/components/Icon/components/update.d.ts +2 -0
- package/dist/packages/components/Icon/components/update_circle.d.ts +2 -0
- package/dist/packages/components/TimePicker/TimePicker.d.ts +101 -0
- package/dist/packages/components/TimePicker/doc.md +628 -0
- package/dist/packages/components/TimePicker/utils/buildOptions/buildOptions.d.ts +8 -0
- package/dist/packages/components/TimePicker/utils/buildOptions/buildOptions.test.d.ts +1 -0
- package/dist/packages/components/TimePicker/utils/getSegment/getSegment.d.ts +9 -0
- package/dist/packages/components/TimePicker/utils/getSegment/getSegment.test.d.ts +1 -0
- package/dist/packages/ds-design-tokens/src/tokens.style.d.ts +12 -0
- package/dist/packages/index.d.ts +2 -1
- package/dist/public_docs/components.md +1 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -60,6 +60,7 @@ title: Exhaustive list of all the Design System Components and their props
|
|
|
60
60
|
- [Tag](node_modules/@agregio-solutions/design-system/dist/packages/components/Tag/doc.md) : A small colored label with optional left icon, supporting different nature/semantic colors — use it to categorize, label, or mark content with semantic meaning.
|
|
61
61
|
- [TextInput](node_modules/@agregio-solutions/design-system/dist/packages/components/TextInput/doc.md) : A text input field (or textarea) with optional label, icon, character counter, and helper text — use it for single-line or multi-line text entry with validation feedback.
|
|
62
62
|
- [TimeField](node_modules/@agregio-solutions/design-system/dist/packages/components/TimeField/doc.md) : A time input field with segmented controls for hours/minutes/seconds and optional 12/24 format — use it to let users input or edit a specific time of day.
|
|
63
|
+
- [TimePicker](node_modules/@agregio-solutions/design-system/dist/packages/components/TimePicker/doc.md) : A time picker using one dropdown Select per unit (hours, minutes, seconds) with configurable units, steps, and read-only mode — use it for a tabular, exploratory time selection as an alternative to the keyboard-segmented TimeField.
|
|
63
64
|
- [Timeline](node_modules/@agregio-solutions/design-system/dist/packages/components/Timeline/doc.md) : A horizontal or vertical timeline displaying blocks representing events or periods on a time axis — use it to visualize events, activities, or states across a time range.
|
|
64
65
|
- [Toaster](node_modules/@agregio-solutions/design-system/dist/packages/components/Toaster/doc.md) : A toast notification container positioning and managing multiple toast messages with auto-dismiss — use it to display temporary success, error, info, or warning notifications.
|
|
65
66
|
- [ToggleButton](node_modules/@agregio-solutions/design-system/dist/packages/components/ToggleButton/doc.md) : A button that toggles between selected/unselected states, optionally with icon and tooltip — use it as a child of ToggleButtonGroup for button-like toggles.
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,:after,:before{box-sizing:border-box}.design-system-icon{display:inline-block;width:1em}@font-face{font-family:EDF2020;font-style:normal;font-weight:400;src:url(/ds-fonts/EDF2020.woff2) format("woff2")}@font-face{font-family:EDF2020;font-style:normal;font-weight:700;src:url(/ds-fonts/EDF2020Bold.woff2) format("woff2")}body{font-family:EDF2020,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-content-action-action: #
|
|
1
|
+
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,:after,:before{box-sizing:border-box}.design-system-icon{display:inline-block;width:1em}@font-face{font-family:EDF2020;font-style:normal;font-weight:400;src:url(/ds-fonts/EDF2020.woff2) format("woff2")}@font-face{font-family:EDF2020;font-style:normal;font-weight:700;src:url(/ds-fonts/EDF2020Bold.woff2) format("woff2")}body{font-family:EDF2020,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-content-action-action: #1844ff;--color-content-action-action-darker: #0626ac;--color-content-action-action-lighter: #f1f7ff;--color-content-neutral-primary: #001a70;--color-content-neutral-primary-reversed: #ffffff;--color-content-neutral-secondary: #454545;--color-content-neutral-secondary-light: #666666;--color-content-neutral-tertiary: #b0b0b0;--color-content-neutral-stroke: #e7e7e7;--color-content-brand-brand-1: #001a70;--color-content-brand-brand-2: #3f6eff;--color-content-brand-brand-3: #769fff;--color-content-brand-brand-4: #326a21;--color-content-brand-brand-5: #4f9e30;--color-content-brand-brand-6: #76c853;--color-content-brand-brand-7: #c62608;--color-content-brand-brand-8: #fe5716;--color-content-brand-brand-9: #ff7838;--color-content-message-informative: #009fd4;--color-content-message-informative-darker: #007fab;--color-content-message-informative-darkest: #065874;--color-content-message-informative-lighter: #effbff;--color-content-message-negative: #ed1515;--color-content-message-negative-darker: #c80d0d;--color-content-message-negative-darkest: #881414;--color-content-message-negative-lighter: #fff1f1;--color-content-message-positive: #11ab51;--color-content-message-positive-darker: #0c6f2d;--color-content-message-positive-darkest: #0d2e17;--color-content-message-positive-lighter: #e3ffed;--color-content-message-warning: #e27500;--color-content-message-warning-darker: #bb5002;--color-content-message-warning-darkest: #7c330b;--color-content-message-warning-lighter: #fffcea;--color-content-dataviz-orange-1: #fff5ed;--color-content-dataviz-orange-2: #ffcca8;--color-content-dataviz-orange-3: #fe5716;--color-content-dataviz-orange-4: #9d210f;--color-content-dataviz-brown-1: #fffcea;--color-content-dataviz-brown-2: #ffe785;--color-content-dataviz-brown-3: #ff9d00;--color-content-dataviz-brown-4: #983d08;--color-content-dataviz-azure-1: #f1f7ff;--color-content-dataviz-azure-2: #cee1ff;--color-content-dataviz-azure-3: #3f6eff;--color-content-dataviz-azure-4: #052dd2;--color-content-dataviz-ocean-1: #effbff;--color-content-dataviz-ocean-2: #b6efff;--color-content-dataviz-ocean-3: #009fd4;--color-content-dataviz-ocean-4: #006b8d;--color-content-dataviz-purple-1: #f9f5ff;--color-content-dataviz-purple-2: #e4d4ff;--color-content-dataviz-purple-3: #9351fb;--color-content-dataviz-purple-4: #5a1eab;--color-content-dataviz-pink-1: #ffedf8;--color-content-dataviz-pink-2: #ffc2e8;--color-content-dataviz-pink-3: #ee53b5;--color-content-dataviz-pink-4: #a11672;--color-content-dataviz-negative-1: #fff1f1;--color-content-dataviz-negative-2: #ffc5c5;--color-content-dataviz-negative-3: #ed1515;--color-content-dataviz-negative-4: #a50f0f;--color-content-dataviz-positive-1: #e3ffed;--color-content-dataviz-positive-2: #a4f2c2;--color-content-dataviz-positive-3: #11ab51;--color-content-dataviz-positive-4: #0c6f2d;--color-content-dataviz-neutral-1: #f6f6f6;--color-content-dataviz-neutral-2: #d1d1d1;--color-content-dataviz-neutral-3: #888888;--color-content-dataviz-neutral-4: #454545;--color-background-neutral-overground: #ffffff;--color-background-neutral-ground: #ffffff;--color-background-neutral-ground-reversed: #0e275d;--color-background-neutral-underground-1: #f6f6f6;--color-background-neutral-underground-2: #e7e7e7;--color-background-highlight-focus: #009fd4;--color-background-highlight-focus-reversed: #ffffff;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 80px;--radius-minimal: 2px;--radius-rounded: 4px;--radius-full: 8px;--stroke-default: 1px;--stroke-doubled: 2px;--text-font-size-3xl: 40px;--text-font-size-2xl: 32px;--text-font-size-xl: 24px;--text-font-size-lg: 20px;--text-font-size-md: 16px;--text-font-size-sm: 14px;--text-font-size-xs: 12px;--text-line-height-3xl: 56px;--text-line-height-2xl: 40px;--text-line-height-xl: 32px;--text-line-height-lg: 28px;--text-line-height-md: 24px;--text-line-height-sm: 20px;--text-line-height-xs: 16px;--shadow-light: 0 1px 4px 0 rgba(38, 38, 38, .12);--shadow-light-inverted: 0 -1px 4px 0 rgba(38, 38, 38, .12);--shadow-medium: 0 2px 6px 0 rgba(38, 38, 38, .16);--shadow-medium-inverted: 0 -2px 6px 0 rgba(38, 38, 38, .16);--shadow-strong: 0 4px 12px 0 rgba(38, 38, 38, .16);--shadow-strong-inverted: 0 -4px 12px 0 rgba(38, 38, 38, .16);--z-index-base: 1;--z-index-dropdown: 10;--z-index-sticky: 20;--z-index-fixed: 30;--z-index-modal-backdrop: 40;--z-index-off-canvas: 50;--z-index-modal: 60;--z-index-popover: 70;--z-index-tooltip: 80}
|
package/package.json
CHANGED