@unoff/ui 1.21.0 → 1.21.1
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/assets/Card.css +1 -1
- package/dist/assets/Layout.css +1 -1
- package/dist/assets/MultipleSlider.css +1 -1
- package/dist/assets/Popin.css +1 -1
- package/dist/assets/SimpleSlider.css +1 -1
- package/dist/assets/styles/icons/icons.css +1 -1
- package/dist/assets/styles/icons/styles/figma.css +1 -1
- package/dist/components/actions/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/actions/accordion/Accordion.js +6 -6
- package/dist/components/actions/accordion/Accordion.js.map +1 -1
- package/dist/components/actions/button/Button.d.ts.map +1 -1
- package/dist/components/actions/button/Button.figma.js +1 -1
- package/dist/components/actions/button/Button.js +87 -88
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/card/Card.d.ts.map +1 -1
- package/dist/components/actions/card/Card.js +1 -1
- package/dist/components/actions/card/Card.js.map +1 -1
- package/dist/components/actions/knob/Knob.js +1 -1
- package/dist/components/actions/knob/Knob.js.map +1 -1
- package/dist/components/actions/menu/Menu.js +4 -4
- package/dist/components/actions/menu/Menu.js.map +1 -1
- package/dist/components/assets/avatar/Avatar.js +6 -6
- package/dist/components/assets/avatar/Avatar.js.map +1 -1
- package/dist/components/assets/icon/Icon.figma.js +1 -1
- package/dist/components/assets/icon/Icon.js +6 -6
- package/dist/components/assets/icon/Icon.js.map +1 -1
- package/dist/components/assets/section-title/SectionTitle.js +1 -1
- package/dist/components/assets/section-title/SectionTitle.js.map +1 -1
- package/dist/components/assets/text/Text.js +1 -1
- package/dist/components/assets/text/Text.js.map +1 -1
- package/dist/components/dialogs/consent/Consent.js +1 -1
- package/dist/components/dialogs/consent/Consent.js.map +1 -1
- package/dist/components/dialogs/dialog/Dialog.d.ts.map +1 -1
- package/dist/components/dialogs/dialog/Dialog.js +4 -4
- package/dist/components/dialogs/dialog/Dialog.js.map +1 -1
- package/dist/components/dialogs/message/Message.js +1 -1
- package/dist/components/dialogs/message/Message.js.map +1 -1
- package/dist/components/dialogs/notification/Notification.js +4 -4
- package/dist/components/dialogs/notification/Notification.js.map +1 -1
- package/dist/components/dialogs/semantic-message/SemanticMessage.d.ts.map +1 -1
- package/dist/components/dialogs/semantic-message/SemanticMessage.js +1 -1
- package/dist/components/dialogs/semantic-message/SemanticMessage.js.map +1 -1
- package/dist/components/inputs/dropdown/Dropdown.figma.js +1 -1
- package/dist/components/inputs/dropdown/Dropdown.js +1 -1
- package/dist/components/inputs/dropdown/Dropdown.js.map +1 -1
- package/dist/components/inputs/dropzone/Dropzone.js +4 -4
- package/dist/components/inputs/dropzone/Dropzone.js.map +1 -1
- package/dist/components/inputs/input/Input.figma.js +1 -1
- package/dist/components/inputs/input/Input.js +1 -1
- package/dist/components/inputs/input/Input.js.map +1 -1
- package/dist/components/inputs/inputs-bar/InputsBar.js +4 -4
- package/dist/components/inputs/inputs-bar/InputsBar.js.map +1 -1
- package/dist/components/inputs/multiple-slider/MultipleSlider.d.ts +4 -4
- package/dist/components/inputs/multiple-slider/MultipleSlider.d.ts.map +1 -1
- package/dist/components/inputs/multiple-slider/MultipleSlider.js +174 -155
- package/dist/components/inputs/multiple-slider/MultipleSlider.js.map +1 -1
- package/dist/components/inputs/multiple-slider/actions/shiftLeftStop.d.ts +1 -1
- package/dist/components/inputs/multiple-slider/actions/shiftLeftStop.d.ts.map +1 -1
- package/dist/components/inputs/multiple-slider/actions/shiftRightStop.d.ts +1 -1
- package/dist/components/inputs/multiple-slider/actions/shiftRightStop.d.ts.map +1 -1
- package/dist/components/inputs/select/Select.js +1 -1
- package/dist/components/inputs/select/Select.js.map +1 -1
- package/dist/components/inputs/simple-slider/SimpleSlider.d.ts +1 -1
- package/dist/components/inputs/simple-slider/SimpleSlider.d.ts.map +1 -1
- package/dist/components/inputs/simple-slider/SimpleSlider.js +78 -69
- package/dist/components/inputs/simple-slider/SimpleSlider.js.map +1 -1
- package/dist/components/lists/actions-item/ActionsItem.js +1 -1
- package/dist/components/lists/actions-item/ActionsItem.js.map +1 -1
- package/dist/components/lists/actions-list/ActionsList.d.ts.map +1 -1
- package/dist/components/lists/actions-list/ActionsList.js +1 -1
- package/dist/components/lists/actions-list/ActionsList.js.map +1 -1
- package/dist/components/lists/color-item/ColorItem.js +1 -1
- package/dist/components/lists/color-item/ColorItem.js.map +1 -1
- package/dist/components/lists/draggable-item/DraggableItem.js +6 -6
- package/dist/components/lists/draggable-item/DraggableItem.js.map +1 -1
- package/dist/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.js +1 -1
- package/dist/components/lists/keyboard-shortcut-item/KeyboardShortcutItem.js.map +1 -1
- package/dist/components/lists/sortable-list/SortableList.js.map +1 -1
- package/dist/components/lists/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/lists/tabs/Tabs.figma.js +1 -1
- package/dist/components/lists/tabs/Tabs.js +1 -1
- package/dist/components/lists/tabs/Tabs.js.map +1 -1
- package/dist/components/slots/bar/Bar.js.map +1 -1
- package/dist/components/slots/draggable-window/DraggableWindow.d.ts.map +1 -1
- package/dist/components/slots/draggable-window/DraggableWindow.js +6 -6
- package/dist/components/slots/draggable-window/DraggableWindow.js.map +1 -1
- package/dist/components/slots/drawer/Drawer.js.map +1 -1
- package/dist/components/slots/form-item/FormItem.js +1 -1
- package/dist/components/slots/form-item/FormItem.js.map +1 -1
- package/dist/components/slots/layout/Layout.js.map +1 -1
- package/dist/components/slots/list/List.js +4 -4
- package/dist/components/slots/list/List.js.map +1 -1
- package/dist/components/slots/popin/Popin.js +1 -1
- package/dist/components/slots/popin/Popin.js.map +1 -1
- package/dist/components/slots/section/Section.js.map +1 -1
- package/dist/components/slots/simple-item/SimpleItem.js.map +1 -1
- package/dist/components/tags/chip/Chip.figma.js +1 -1
- package/dist/components/tags/chip/Chip.js +6 -6
- package/dist/components/tags/chip/Chip.js.map +1 -1
- package/dist/components/tags/color-chip/ColorChip.js.map +1 -1
- package/dist/components/tags/icon-chip/IconChip.d.ts.map +1 -1
- package/dist/components/tags/icon-chip/IconChip.js +4 -4
- package/dist/components/tags/icon-chip/IconChip.js.map +1 -1
- package/dist/components/tags/tooltip/Tooltip.js +1 -1
- package/dist/components/tags/tooltip/Tooltip.js.map +1 -1
- package/dist/do-classnames-DSDFCvzy.js.map +1 -1
- package/dist/do-map-2nhWP1KI.js.map +1 -1
- package/dist/index_react-BkjUklDQ.js +18392 -0
- package/dist/index_react-BkjUklDQ.js.map +1 -0
- package/package.json +3 -3
- package/dist/index_react-CmuCVQet.js +0 -13799
- package/dist/index_react-CmuCVQet.js.map +0 -1
package/dist/assets/Card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root[data-theme=penpot]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--penpot-color-background-primary);--card-background-color-focus: var(--penpot-color-accent-primary-muted);--card-background-color-hover: var(--penpot-color-background-secondary);--card-border-color-default: transparent;--card-border-color-focus: var(--penpot-color-accent-primary);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--border-radius-xlarge);--card-ratio: 2 / 1;--card-width: 200px}:root[data-theme=sketch]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--sketch-color-background-primary);--card-background-color-focus: var(--sketch-color-accent-disabled);--card-background-color-hover: var(--sketch-color-background-secondary);--card-border-color-default: transparent;--card-border-color-focus: var(--sketch-color-accent-primary);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--size-pos-xsmall);--card-ratio: 2 / 1;--card-width: 200px}:root[data-theme=figma]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--figma-color-bg);--card-background-color-focus: var(--figma-color-bg-selected);--card-background-color-hover: var(--figma-color-bg-hover);--card-border-color-default: transparent;--card-border-color-focus: var(--figma-color-border-selected);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--border-radius-xlarge);--card-ratio: 2 / 1;--card-width: 200px}:root[data-theme=framer]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--framer-color-bg);--card-background-color-focus: var(--framer-color-tint-dimmed);--card-background-color-hover: var(--framer-color-bg-secondary);--card-border-color-default: transparent;--card-border-color-focus: var(--framer-color-tint);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--border-radius-xlarge);--card-ratio: 2 / 1;--card-width: 200px}.card{display:flex;flex-direction:column;gap:var(--card-gap);box-sizing:border-box;outline:var(--card-border-width) solid var(--card-border-color);
|
|
1
|
+
@charset "UTF-8";:root[data-theme=penpot]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--penpot-color-background-primary);--card-background-color-focus: var(--penpot-color-accent-primary-muted);--card-background-color-hover: var(--penpot-color-background-secondary);--card-border-color-default: transparent;--card-border-color-focus: var(--penpot-color-accent-primary);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--border-radius-xlarge);--card-ratio: 2 / 1;--card-width: 200px}:root[data-theme=sketch]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--sketch-color-background-primary);--card-background-color-focus: var(--sketch-color-accent-disabled);--card-background-color-hover: var(--sketch-color-background-secondary);--card-border-color-default: transparent;--card-border-color-focus: var(--sketch-color-accent-primary);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--size-pos-xsmall);--card-ratio: 2 / 1;--card-width: 200px}:root[data-theme=figma]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--figma-color-bg);--card-background-color-focus: var(--figma-color-bg-selected);--card-background-color-hover: var(--figma-color-bg-hover);--card-border-color-default: transparent;--card-border-color-focus: var(--figma-color-border-selected);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--border-radius-xlarge);--card-ratio: 2 / 1;--card-width: 200px}:root[data-theme=framer]{--card-actions-gap: var(--size-pos-xxsmall);--card-actions-padding-bottom: var(--size-pos-xxsmall);--card-actions-padding-left: var(--size-pos-xxsmall);--card-actions-padding-right: var(--size-pos-xxsmall);--card-actions-padding-top: var(--size-pos-xxsmall);--card-background-color-default: var(--framer-color-bg);--card-background-color-focus: var(--framer-color-tint-dimmed);--card-background-color-hover: var(--framer-color-bg-secondary);--card-border-color-default: transparent;--card-border-color-focus: var(--framer-color-tint);--card-border-color-hover: transparent;--card-border-offset-default: var(--size-null);--card-border-offset-focus: var(--size-neg-unit);--card-border-offset-hover: var(--size-null);--card-border-width-default: var(--size-null);--card-border-width-focus: var(--size-pos-unit);--card-border-width-hover: var(--size-null);--card-content-gap: var(--size-pos-xxxsmall);--card-gap: var(--size-pos-xxsmall);--card-padding-bottom: var(--size-pos-xxsmall);--card-padding-left: var(--size-pos-xxsmall);--card-padding-right: var(--size-pos-xxsmall);--card-padding-top: var(--size-pos-xxsmall);--card-radius: var(--border-radius-xlarge);--card-ratio: 2 / 1;--card-width: 200px}.card{display:flex;position:relative;flex-direction:column;gap:var(--card-gap);box-sizing:border-box;outline:var(--card-border-width) solid var(--card-border-color);outline-offset:var(--card-border-offset);border-radius:var(--card-radius);background-color:var(--card-background-color);padding:var(--card-padding-top) var(--card-padding-right) var(--card-padding-bottom) var(--card-padding-left);width:var(--card-width)}.card--fill{width:100%}.card{--card-background-color: var(--card-background-color-default);--card-border-width: var(--card-border-width-default);--card-border-color: var(--card-border-color-default);--card-border-offset: var(--card-border-offset-default)}.card:hover{--card-background-color: var(--card-background-color-hover);--card-border-width: var(--card-border-width-hover);--card-border-color: var(--card-border-color-hover);--card-border-offset: var(--card-border-offset-hover)}.card:hover .card__actions{visibility:visible}.card:focus{--card-background-color: var(--card-background-color-focus);--card-border-width: var(--card-border-width-focus);--card-border-color: var(--card-border-color-focus);--card-border-offset: var(--card-border-offset-focus)}.card:focus .card__actions{visibility:visible}.card__tags{display:flex;position:absolute;justify-content:end;z-index:2;inset:calc(var(--card-padding-top) / 2) calc(var(--card-padding-right) / 2) auto auto}.card__asset{position:relative;aspect-ratio:var(--card-ratio)}.card__actions{display:flex;position:absolute;flex-wrap:wrap;place-content:center center;align-items:center;gap:var(--card-actions-gap);visibility:hidden;inset:0;padding:var(--card-actions-padding-top) var(--card-actions-padding-right) var(--card-actions-padding-bottom) var(--card-actions-padding-left)}.card__text{display:flex;flex-direction:column;gap:var(--card-content-gap)}
|
package/dist/assets/Layout.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root[data-theme=penpot]{--layout-background-color: var(--penpot-color-background-primary);--layout-block-border-color: var(--penpot-color-background-quaternary);--layout-block-border-style: solid;--layout-block-border-width: var(--size-pos-unit);--layout-block-padding-bottom: var(--size-pos-xxsmall);--layout-block-padding-left: var(--size-null);--layout-block-padding-right: var(--size-null);--layout-block-padding-top: var(--size-pos-xxsmall);--layout-centered-padding-bottom: var(--size-pos-small);--layout-centered-padding-left: var(--size-pos-small);--layout-centered-padding-right: var(--size-pos-small);--layout-centered-padding-top: var(--size-pos-small);--layout-distributed-gap: var(--size-pos-
|
|
1
|
+
@charset "UTF-8";:root[data-theme=penpot]{--layout-background-color: var(--penpot-color-background-primary);--layout-block-border-color: var(--penpot-color-background-quaternary);--layout-block-border-style: solid;--layout-block-border-width: var(--size-pos-unit);--layout-block-padding-bottom: var(--size-pos-xxsmall);--layout-block-padding-left: var(--size-null);--layout-block-padding-right: var(--size-null);--layout-block-padding-top: var(--size-pos-xxsmall);--layout-centered-padding-bottom: var(--size-pos-small);--layout-centered-padding-left: var(--size-pos-small);--layout-centered-padding-right: var(--size-pos-small);--layout-centered-padding-top: var(--size-pos-small);--layout-distributed-gap: var(--size-pos-xxsmall);--layout-list-padding-bottom: var(--size-null);--layout-list-padding-left: var(--size-null);--layout-list-padding-right: var(--size-null);--layout-list-padding-top: var(--size-pos-xxsmall)}:root[data-theme=sketch]{--layout-background-color: var(--sketch-color-background-primary);--layout-block-border-color: var(--sketch-color-border-primary);--layout-block-border-width: var(--size-pos-unit);--layout-block-padding-bottom: var(--size-pos-xxsmall);--layout-block-padding-left: var(--size-null);--layout-block-padding-right: var(--size-null);--layout-block-padding-top: var(--size-pos-xxsmall);--layout-centered-padding-bottom: var(--size-pos-small);--layout-centered-padding-left: var(--size-pos-small);--layout-centered-padding-right: var(--size-pos-small);--layout-centered-padding-top: var(--size-pos-small);--layout-distributed-gap: var(--size-pos-xxsmall);--layout-list-padding-bottom: var(--size-null);--layout-list-padding-left: var(--size-null);--layout-list-padding-right: var(--size-null);--layout-list-padding-top: var(--size-pos-xxsmall)}:root[data-theme=figma]{--layout-background-color: var(--figma-color-bg);--layout-block-border-color: var(--figma-color-border);--layout-block-border-width: var(--size-pos-unit);--layout-block-padding-bottom: var(--size-pos-xxsmall);--layout-block-padding-left: var(--size-null);--layout-block-padding-right: var(--size-null);--layout-block-padding-top: var(--size-pos-xxsmall);--layout-centered-padding-bottom: var(--size-pos-small);--layout-centered-padding-left: var(--size-pos-small);--layout-centered-padding-right: var(--size-pos-small);--layout-centered-padding-top: var(--size-pos-small);--layout-distributed-gap: var(--size-pos-xxsmall);--layout-list-padding-bottom: var(--size-null);--layout-list-padding-left: var(--size-null);--layout-list-padding-right: var(--size-null);--layout-list-padding-top: var(--size-pos-xxsmall)}:root[data-theme=framer]{--layout-background-color: var(--framer-color-bg);--layout-block-border-color: var(--framer-color-divider);--layout-block-border-width: var(--size-pos-unit);--layout-block-padding-bottom: var(--size-pos-xxsmall);--layout-block-padding-left: var(--size-null);--layout-block-padding-right: var(--size-null);--layout-block-padding-top: var(--size-pos-xxsmall);--layout-centered-padding-bottom: var(--size-pos-small);--layout-centered-padding-left: var(--size-pos-small);--layout-centered-padding-right: var(--size-pos-small);--layout-centered-padding-top: var(--size-pos-small);--layout-distributed-gap: var(--size-pos-xxsmall);--layout-list-padding-bottom: var(--size-null);--layout-list-padding-left: var(--size-null);--layout-list-padding-right: var(--size-null);--layout-list-padding-top: var(--size-pos-xxsmall)}.layout{display:flex;flex-direction:row;justify-content:start;align-items:stretch;background-color:var(--layout-background-color);overflow:hidden}@media(max-width:460px){.layout{flex-direction:column}.layout>*{flex:1!important;width:100%!important;min-width:unset!important;max-width:unset!important}}.layout--full-width{width:100%}.layout--full-height{height:100%}.layout__block{display:flex;flex:1;flex-direction:column;justify-content:start;padding:var(--layout-block-padding-top) var(--layout-block-padding-right) var(--layout-block-padding-bottom) var(--layout-block-padding-left);overflow:hidden auto}.layout__block--list{padding:var(--layout-list-padding-top) var(--layout-list-padding-right) var(--layout-list-padding-bottom) var(--layout-list-padding-left)}.layout__block--distributed{justify-content:space-between;gap:var(--layout-distributed-gap);overflow-y:hidden}@media(max-width:460px){.layout__block--distributed{overflow-y:auto}}.layout__block--centered{flex:none;box-sizing:border-box;margin:auto;padding:var(--layout-centered-padding-top) var(--layout-centered-padding-right) var(--layout-centered-padding-bottom) var(--layout-centered-padding-left);max-width:100%}.layout__block--blank{padding:0}.layout__block--fixed{flex:none}@media(max-width:460px){.layout__block--fixed{flex:none!important;overflow:visible}}.layout>div+div{border-left:var(--layout-block-border-width) solid var(--layout-block-border-color)}@media(max-width:460px){.layout>div+div{border-top:var(--layout-block-border-width) solid var(--layout-block-border-color);border-left:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root[data-theme=penpot]{--multiple-slider-border-color: var(--penpot-color-background-quaternary);--multiple-slider-border-width: var(--size-pos-unit);--multiple-slider-height: var(--size-pos-xmsmall);--multiple-slider-margin-bottom: var(--size-
|
|
1
|
+
@charset "UTF-8";:root[data-theme=penpot]{--multiple-slider-border-color: var(--penpot-color-background-quaternary);--multiple-slider-border-width: var(--size-pos-unit);--multiple-slider-height: var(--size-pos-xmsmall);--multiple-slider-margin-bottom: var(--size-pos-xxsmall);--multiple-slider-margin-left: var(--size-null);--multiple-slider-margin-right: var(--size-null);--multiple-slider-margin-top: var(--size-pos-large);--multiple-slider-padding-bottom: var(--size-null);--multiple-slider-padding-left: var(--size-pos-medium);--multiple-slider-padding-right: var(--size-pos-medium);--multiple-slider-padding-top: var(--size-null);--multiple-slider-radius: var(--border-radius-large);--multiple-slider-status-gap: var(--size-pos-xxsmall);--multiple-slider-status-height: var(--size-pos-xmsmall);--multiple-slider-status-margin-bottom: var(--size-null);--multiple-slider-status-margin-left: var(--size-pos-xxsmall);--multiple-slider-status-margin-right: var(--size-null);--multiple-slider-status-margin-top: var(--size-null)}:root[data-theme=sketch]{--multiple-slider-border-color: var(--sketch-color-border-primary);--multiple-slider-border-width: var(--size-pos-unit);--multiple-slider-height: var(--size-pos-xmsmall);--multiple-slider-margin-bottom: var(--size-pos-xxsmall);--multiple-slider-margin-left: var(--size-null);--multiple-slider-margin-right: var(--size-null);--multiple-slider-margin-top: var(--size-pos-large);--multiple-slider-padding-bottom: var(--size-null);--multiple-slider-padding-left: var(--size-pos-medium);--multiple-slider-padding-right: var(--size-pos-medium);--multiple-slider-padding-top: var(--size-null);--multiple-slider-radius: var(--border-radius-large);--multiple-slider-status-gap: var(--size-pos-xxsmall);--multiple-slider-status-height: var(--size-pos-xmsmall);--multiple-slider-status-margin-bottom: var(--size-null);--multiple-slider-status-margin-left: var(--size-pos-xxsmall);--multiple-slider-status-margin-right: var(--size-null);--multiple-slider-status-margin-top: var(--size-null)}:root[data-theme=figma]{--multiple-slider-border-color: var(--figma-color-border-disabled-strong);--multiple-slider-border-width: var(--size-pos-unit);--multiple-slider-height: var(--size-pos-xsmall);--multiple-slider-margin-bottom: var(--size-pos-xxsmall);--multiple-slider-margin-left: var(--size-null);--multiple-slider-margin-right: var(--size-null);--multiple-slider-margin-top: var(--size-pos-large);--multiple-slider-padding-bottom: var(--size-null);--multiple-slider-padding-left: var(--size-pos-medium);--multiple-slider-padding-right: var(--size-pos-medium);--multiple-slider-padding-top: var(--size-null);--multiple-slider-radius: var(--border-radius-small);--multiple-slider-status-gap: var(--size-pos-xxsmall);--multiple-slider-status-height: var(--size-pos-xsmall);--multiple-slider-status-margin-bottom: var(--size-null);--multiple-slider-status-margin-left: var(--size-pos-xxsmall);--multiple-slider-status-margin-right: var(--size-null);--multiple-slider-status-margin-top: var(--size-null)}:root[data-theme=framer]{--multiple-slider-border-color: var(--framer-color-divider);--multiple-slider-border-width: var(--size-pos-unit);--multiple-slider-height: var(--size-pos-xmsmall);--multiple-slider-margin-bottom: var(--size-pos-xxsmall);--multiple-slider-margin-left: var(--size-null);--multiple-slider-margin-right: var(--size-null);--multiple-slider-margin-top: var(--size-pos-large);--multiple-slider-padding-bottom: var(--size-null);--multiple-slider-padding-left: var(--size-pos-medium);--multiple-slider-padding-right: var(--size-pos-medium);--multiple-slider-padding-top: var(--size-null);--multiple-slider-radius: var(--border-radius-large);--multiple-slider-status-gap: var(--size-pos-xxsmall);--multiple-slider-status-height: var(--size-pos-xmsmall);--multiple-slider-status-margin-bottom: var(--size-null);--multiple-slider-status-margin-left: var(--size-pos-xxsmall);--multiple-slider-status-margin-right: var(--size-null);--multiple-slider-status-margin-top: var(--size-null)}.multiple-slider{display:flex;position:relative;align-items:center;margin:var(--multiple-slider-margin-top) var(--multiple-slider-margin-right) var(--multiple-slider-margin-bottom) var(--multiple-slider-margin-left);padding:var(--multiple-slider-padding-top) var(--multiple-slider-padding-right) var(--multiple-slider-padding-bottom) var(--multiple-slider-padding-left)}.multiple-slider__range{position:relative;flex:1 1 auto;box-shadow:inset 0 0 0 var(--multiple-slider-border-width) var(--multiple-slider-border-color);border-radius:var(--multiple-slider-radius);height:var(--multiple-slider-height)}.multiple-slider__range--add{cursor:copy}.multiple-slider__range--not-allowed{cursor:not-allowed}.multiple-slider__range--blocked{cursor:not-allowed;pointer-events:none}.multiple-slider__status{display:flex;align-items:center;gap:var(--multiple-slider-status-gap);margin:var(--multiple-slider-status-margin-top) var(--multiple-slider-status-margin-right) var(--multiple-slider-status-margin-bottom) var(--multiple-slider-status-margin-left);height:var(--multiple-slider-status-height)}
|
package/dist/assets/Popin.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root[data-theme=penpot]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--penpot-color-background-primary);--popin-border-color: var(--penpot-color-background-quaternary);--popin-border-offset: var(--size-null);--popin-border-width: var(--size-pos-xunit);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-medium);--popin-content-padding-empty-left: var(--size-pos-medium);--popin-content-padding-empty-right: var(--size-pos-medium);--popin-content-padding-empty-top: var(--size-pos-medium);--popin-footer-border-color: transparent;--popin-footer-border-width: var(--size-null);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-medium);--popin-footer-padding-left: var(--size-pos-medium);--popin-footer-padding-right: var(--size-pos-medium);--popin-footer-padding-top: var(--size-pos-xxsmall);--popin-header-border-color: transparent;--popin-header-border-width: var(--size-null);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-large);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-medium);--popin-header-padding-right: var(--size-pos-medium);--popin-header-padding-top: var(--size-pos-medium);--popin-header-text-transform: uppercase;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxlarge);--popin-shadow-default: none;--popin-shadow-panel: none;--popin-text-color: var(--penpot-color-foreground-primary);--popin-width-panel: 460px}:root[data-theme=sketch]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--sketch-color-background-primary);--popin-border-color: transparent;--popin-border-offset: var(--size-null);--popin-border-width: var(--size-null);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-medium);--popin-content-padding-empty-left: var(--size-pos-medium);--popin-content-padding-empty-right: var(--size-pos-medium);--popin-content-padding-empty-top: var(--size-pos-medium);--popin-footer-border-color: var(--sketch-color-border-primary);--popin-footer-border-width: var(--size-pos-unit);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-medium);--popin-footer-padding-left: var(--size-pos-medium);--popin-footer-padding-right: var(--size-pos-medium);--popin-footer-padding-top: var(--size-pos-xsmall);--popin-header-border-color: var(--sketch-color-border-primary);--popin-header-border-width: var(--size-pos-unit);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-large);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-medium);--popin-header-padding-right: var(--size-pos-medium);--popin-header-padding-top: var(--size-pos-medium);--popin-header-text-transform: none;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxxlarge);--popin-shadow-default: var(--elevation-500-modal-window);--popin-shadow-panel: var(--elevation-500-modal-window);--popin-text-color: var(--sketch-color-foreground-primary);--popin-width-panel: 460px}:root[data-theme=figma]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--figma-color-bg);--popin-border-color: transparent;--popin-border-offset: var(--size-null);--popin-border-width: var(--size-null);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-small);--popin-content-padding-empty-left: var(--size-pos-small);--popin-content-padding-empty-right: var(--size-pos-small);--popin-content-padding-empty-top: var(--size-pos-small);--popin-footer-border-color: transparent;--popin-footer-border-width: var(--size-null);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-xxsmall);--popin-footer-padding-left: var(--size-pos-xsmall);--popin-footer-padding-right: var(--size-pos-xsmall);--popin-footer-padding-top: var(--size-pos-xxsmall);--popin-header-border-color: var(--figma-color-border);--popin-header-border-width: var(--size-pos-unit);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-large);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-xxsmall);--popin-header-padding-right: var(--size-pos-xxsmall);--popin-header-padding-top: var(--size-null);--popin-header-text-transform: none;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxlarge);--popin-shadow-default: var(--elevation-500-modal-window);--popin-shadow-panel: var(--elevation-400-menu-panel);--popin-text-color: var(--figma-color-text);--popin-width-panel: 400px}:root[data-theme=framer]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--framer-color-bg);--popin-border-color: transparent;--popin-border-offset: var(--size-null);--popin-border-width: var(--size-null);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-small);--popin-content-padding-empty-left: var(--size-pos-small);--popin-content-padding-empty-right: var(--size-pos-small);--popin-content-padding-empty-top: var(--size-pos-small);--popin-footer-border-color: transparent;--popin-footer-border-width: var(--size-null);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-msmall);--popin-footer-padding-left: var(--size-pos-msmall);--popin-footer-padding-right: var(--size-pos-msmall);--popin-footer-padding-top: var(--size-pos-xxsmall);--popin-header-border-color: var(--framer-color-divider);--popin-header-border-width: var(--size-pos-unit);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-xlarge);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-msmall);--popin-header-padding-right: var(--size-pos-msmall);--popin-header-padding-top: var(--size-null);--popin-header-text-transform: none;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxlarge);--popin-shadow-default: var(--elevation-500-modal-window);--popin-shadow-panel: var(--elevation-400-menu-panel);--popin-text-color: var(--framer-color-text);--popin-width-panel: 400px}.popin{display:flex;flex-direction:column;justify-content:stretch;cursor:default;outline:var(--popin-border-width) solid var(--popin-border-color);outline-offset:var(--popin-border-offset);box-shadow:var(--popin-shadow);border-radius:var(--popin-radius);background-color:var(--popin-background-color);width:100%;min-width:var(--popin-min-width);max-width:var(--popin-max-width);min-height:var(--popin-min-height);max-height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.popin{--popin-shadow: var(--popin-shadow-default)}.popin--panel{--popin-max-width: var(--popin-width-panel);--popin-min-width: var(--popin-width-panel);--popin-min-height: 100%;--popin-radius: 0;--popin-shadow: var(--popin-shadow-panel)}.popin .popin__header{display:flex;flex:none;justify-content:space-between;align-items:center;gap:var(--popin-header-gap);border-bottom:var(--popin-header-border-width) solid var(--popin-header-border-color);padding:var(--popin-header-padding-top) var(--popin-header-padding-right) var(--popin-header-padding-bottom) var(--popin-header-padding-left);height:var(--popin-header-height)}.popin .popin__title{display:flex;align-items:center;overflow:hidden;text-transform:var(--popin-header-text-transform)}.popin .popin__content{display:flex;flex:1;padding:0;overflow:hidden auto}.popin .popin__content--loading,.popin .popin__content--message{justify-content:center;align-items:center;padding:var(--popin-content-padding-empty-top) var(--popin-content-padding-empty-right) var(--popin-content-padding-empty-bottom) var(--popin-content-padding-empty-left)}.popin .popin__footer{display:flex;justify-content:space-between;align-items:center;border-top:var(--popin-footer-border-width) solid var(--popin-footer-border-color);padding:var(--popin-footer-padding-top) var(--popin-footer-padding-right) var(--popin-footer-padding-bottom) var(--popin-footer-padding-left)}.popin .popin__actions{display:flex;gap:var(--popin-actions-gap)}@media(max-width:460px){.popin{min-width:unset;max-width:unset;height:auto;max-height:100%}.popin--panel{--popin-max-width: 100%;--popin-min-width: 100%;--popin-min-height: 100%;height:100%}.popin .popin__content,.popin .popin__actions,.popin .popin__footer{flex-direction:column}.popin .popin__actions,.popin .popin__footer{flex-direction:column-reverse}.popin .popin__footer{gap:var(--popin-footer-gap);height:auto}.popin .popin__actions,.popin .popin__actions button{width:100%}}
|
|
1
|
+
@charset "UTF-8";:root[data-theme=penpot]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--penpot-color-background-primary);--popin-border-color: var(--penpot-color-background-quaternary);--popin-border-offset: var(--size-null);--popin-border-width: var(--size-pos-xunit);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-medium);--popin-content-padding-empty-left: var(--size-pos-medium);--popin-content-padding-empty-right: var(--size-pos-medium);--popin-content-padding-empty-top: var(--size-pos-medium);--popin-footer-border-color: transparent;--popin-footer-border-width: var(--size-null);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-medium);--popin-footer-padding-left: var(--size-pos-medium);--popin-footer-padding-right: var(--size-pos-medium);--popin-footer-padding-top: var(--size-pos-xxsmall);--popin-header-border-color: transparent;--popin-header-border-width: var(--size-null);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-large);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-medium);--popin-header-padding-right: var(--size-pos-medium);--popin-header-padding-top: var(--size-pos-medium);--popin-header-text-transform: uppercase;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxlarge);--popin-shadow-default: none;--popin-shadow-panel: none;--popin-text-color: var(--penpot-color-foreground-primary);--popin-width-panel: 460px}:root[data-theme=sketch]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--sketch-color-background-primary);--popin-border-color: transparent;--popin-border-offset: var(--size-null);--popin-border-width: var(--size-null);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-medium);--popin-content-padding-empty-left: var(--size-pos-medium);--popin-content-padding-empty-right: var(--size-pos-medium);--popin-content-padding-empty-top: var(--size-pos-medium);--popin-footer-border-color: var(--sketch-color-border-primary);--popin-footer-border-width: var(--size-pos-unit);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-medium);--popin-footer-padding-left: var(--size-pos-medium);--popin-footer-padding-right: var(--size-pos-medium);--popin-footer-padding-top: var(--size-pos-xsmall);--popin-header-border-color: var(--sketch-color-border-primary);--popin-header-border-width: var(--size-pos-unit);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-large);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-medium);--popin-header-padding-right: var(--size-pos-medium);--popin-header-padding-top: var(--size-pos-medium);--popin-header-text-transform: none;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxxlarge);--popin-shadow-default: var(--elevation-500-modal-window);--popin-shadow-panel: var(--elevation-500-modal-window);--popin-text-color: var(--sketch-color-foreground-primary);--popin-width-panel: 460px}:root[data-theme=figma]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--figma-color-bg);--popin-border-color: transparent;--popin-border-offset: var(--size-null);--popin-border-width: var(--size-null);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-small);--popin-content-padding-empty-left: var(--size-pos-small);--popin-content-padding-empty-right: var(--size-pos-small);--popin-content-padding-empty-top: var(--size-pos-small);--popin-footer-border-color: transparent;--popin-footer-border-width: var(--size-null);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-xxsmall);--popin-footer-padding-left: var(--size-pos-xsmall);--popin-footer-padding-right: var(--size-pos-xsmall);--popin-footer-padding-top: var(--size-pos-xxsmall);--popin-header-border-color: var(--figma-color-border);--popin-header-border-width: var(--size-pos-unit);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-large);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-xxsmall);--popin-header-padding-right: var(--size-pos-xxsmall);--popin-header-padding-top: var(--size-null);--popin-header-text-transform: none;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxlarge);--popin-shadow-default: var(--elevation-500-modal-window);--popin-shadow-panel: var(--elevation-400-menu-panel);--popin-text-color: var(--figma-color-text);--popin-width-panel: 400px}:root[data-theme=framer]{--popin-actions-gap: var(--size-pos-xxsmall);--popin-background-color: var(--framer-color-bg);--popin-border-color: transparent;--popin-border-offset: var(--size-null);--popin-border-width: var(--size-null);--popin-breakpoint: 460px;--popin-content-padding-empty-bottom: var(--size-pos-small);--popin-content-padding-empty-left: var(--size-pos-small);--popin-content-padding-empty-right: var(--size-pos-small);--popin-content-padding-empty-top: var(--size-pos-small);--popin-footer-border-color: transparent;--popin-footer-border-width: var(--size-null);--popin-footer-gap: var(--size-pos-xxsmall);--popin-footer-padding-bottom: var(--size-pos-msmall);--popin-footer-padding-left: var(--size-pos-msmall);--popin-footer-padding-right: var(--size-pos-msmall);--popin-footer-padding-top: var(--size-pos-xxsmall);--popin-header-border-color: var(--framer-color-divider);--popin-header-border-width: var(--size-pos-unit);--popin-header-gap: var(--size-pos-xxsmall);--popin-header-height: var(--size-pos-xlarge);--popin-header-padding-bottom: var(--size-null);--popin-header-padding-left: var(--size-pos-msmall);--popin-header-padding-right: var(--size-pos-msmall);--popin-header-padding-top: var(--size-null);--popin-header-text-transform: none;--popin-max-width: 576px;--popin-min-height: 136px;--popin-min-width: 460px;--popin-radius: var(--border-radius-xxlarge);--popin-shadow-default: var(--elevation-500-modal-window);--popin-shadow-panel: var(--elevation-400-menu-panel);--popin-text-color: var(--framer-color-text);--popin-width-panel: 400px}.popin{display:flex;flex-direction:column;justify-content:stretch;cursor:default;outline:var(--popin-border-width) solid var(--popin-border-color);outline-offset:var(--popin-border-offset);box-shadow:var(--popin-shadow);border-radius:var(--popin-radius);background-color:var(--popin-background-color);width:100%;min-width:var(--popin-min-width);max-width:var(--popin-max-width);min-height:var(--popin-min-height);max-height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.popin{--popin-shadow: var(--popin-shadow-default)}.popin--panel{--popin-max-width: var(--popin-width-panel);--popin-min-width: var(--popin-width-panel);--popin-min-height: 100%;--popin-radius: 0;--popin-shadow: var(--popin-shadow-panel)}.popin .popin__header{display:flex;flex:none;justify-content:space-between;align-items:center;gap:var(--popin-header-gap);border-bottom:var(--popin-header-border-width) solid var(--popin-header-border-color);padding:var(--popin-header-padding-top) var(--popin-header-padding-right) var(--popin-header-padding-bottom) var(--popin-header-padding-left);height:var(--popin-header-height)}.popin .popin__title{display:flex;align-items:center;overflow:hidden;text-transform:var(--popin-header-text-transform)}.popin .popin__content{display:flex;flex:1;padding:0;overflow:hidden auto;position:relative}.popin .popin__content--loading,.popin .popin__content--message{justify-content:center;align-items:center;padding:var(--popin-content-padding-empty-top) var(--popin-content-padding-empty-right) var(--popin-content-padding-empty-bottom) var(--popin-content-padding-empty-left)}.popin .popin__footer{display:flex;justify-content:space-between;align-items:center;border-top:var(--popin-footer-border-width) solid var(--popin-footer-border-color);padding:var(--popin-footer-padding-top) var(--popin-footer-padding-right) var(--popin-footer-padding-bottom) var(--popin-footer-padding-left)}.popin .popin__actions{display:flex;gap:var(--popin-actions-gap)}@media(max-width:460px){.popin{min-width:unset;max-width:unset;height:auto;max-height:100%}.popin--panel{--popin-max-width: 100%;--popin-min-width: 100%;--popin-min-height: 100%;height:100%}.popin .popin__content,.popin .popin__actions,.popin .popin__footer{flex-direction:column}.popin .popin__actions,.popin .popin__footer{flex-direction:column-reverse}.popin .popin__footer{gap:var(--popin-footer-gap);height:auto}.popin .popin__actions,.popin .popin__actions button{width:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root[data-theme=penpot]{--simple-slider-border-color: var(--penpot-color-background-quaternary);--simple-slider-border-width: var(--size-pos-unit);--simple-slider-height: var(--size-pos-xmsmall);--simple-slider-margin-bottom: var(--size-
|
|
1
|
+
@charset "UTF-8";:root[data-theme=penpot]{--simple-slider-border-color: var(--penpot-color-background-quaternary);--simple-slider-border-width: var(--size-pos-unit);--simple-slider-height: var(--size-pos-xmsmall);--simple-slider-margin-bottom: var(--size-pos-xxsmall);--simple-slider-margin-left: var(--size-null);--simple-slider-margin-right: var(--size-null);--simple-slider-margin-top: var(--size-pos-large);--simple-slider-padding-bottom: var(--size-null);--simple-slider-padding-left: var(--size-pos-medium);--simple-slider-padding-right: var(--size-pos-medium);--simple-slider-padding-top: var(--size-null);--simple-slider-radius: var(--border-radius-large);--simple-slider-status-gap: var(--size-pos-xxsmall);--simple-slider-status-height: var(--size-pos-xmsmall);--simple-slider-status-margin-bottom: var(--size-null);--simple-slider-status-margin-left: var(--size-pos-xxsmall);--simple-slider-status-margin-right: var(--size-null);--simple-slider-status-margin-top: var(--size-null)}:root[data-theme=sketch]{--simple-slider-border-color: var(--sketch-color-border-primary);--simple-slider-border-width: var(--size-pos-unit);--simple-slider-height: var(--size-pos-xmsmall);--simple-slider-margin-bottom: var(--size-pos-xxsmall);--simple-slider-margin-left: var(--size-null);--simple-slider-margin-right: var(--size-null);--simple-slider-margin-top: var(--size-pos-large);--simple-slider-padding-bottom: var(--size-null);--simple-slider-padding-left: var(--size-pos-medium);--simple-slider-padding-right: var(--size-pos-medium);--simple-slider-padding-top: var(--size-null);--simple-slider-radius: var(--border-radius-large);--simple-slider-status-gap: var(--size-pos-xxsmall);--simple-slider-status-height: var(--size-pos-xmsmall);--simple-slider-status-margin-bottom: var(--size-null);--simple-slider-status-margin-left: var(--size-pos-xxsmall);--simple-slider-status-margin-right: var(--size-null);--simple-slider-status-margin-top: var(--size-null)}:root[data-theme=figma]{--simple-slider-border-color: var(--figma-color-border-disabled-strong);--simple-slider-border-width: var(--size-pos-unit);--simple-slider-height: var(--size-pos-xsmall);--simple-slider-margin-bottom: var(--size-pos-xxsmall);--simple-slider-margin-left: var(--size-null);--simple-slider-margin-right: var(--size-null);--simple-slider-margin-top: var(--size-pos-large);--simple-slider-padding-bottom: var(--size-null);--simple-slider-padding-left: var(--size-pos-medium);--simple-slider-padding-right: var(--size-pos-medium);--simple-slider-padding-top: var(--size-null);--simple-slider-radius: var(--border-radius-small);--simple-slider-status-gap: var(--size-pos-xxsmall);--simple-slider-status-height: var(--size-pos-xsmall);--simple-slider-status-margin-bottom: var(--size-null);--simple-slider-status-margin-left: var(--size-pos-xxsmall);--simple-slider-status-margin-right: var(--size-null);--simple-slider-status-margin-top: var(--size-null)}:root[data-theme=framer]{--simple-slider-border-color: var(--framer-color-divider);--simple-slider-border-width: var(--size-pos-unit);--simple-slider-height: var(--size-pos-xmsmall);--simple-slider-margin-bottom: var(--size-pos-xxsmall);--simple-slider-margin-left: var(--size-null);--simple-slider-margin-right: var(--size-null);--simple-slider-margin-top: var(--size-pos-large);--simple-slider-padding-bottom: var(--size-null);--simple-slider-padding-left: var(--size-pos-medium);--simple-slider-padding-right: var(--size-pos-medium);--simple-slider-padding-top: var(--size-null);--simple-slider-radius: var(--border-radius-large);--simple-slider-status-gap: var(--size-pos-xxsmall);--simple-slider-status-height: var(--size-pos-xmsmall);--simple-slider-status-margin-bottom: var(--size-null);--simple-slider-status-margin-left: var(--size-pos-xxsmall);--simple-slider-status-margin-right: var(--size-null);--simple-slider-status-margin-top: var(--size-null)}.simple-slider{display:flex;position:relative;align-items:center;margin:var(--simple-slider-margin-top) var(--simple-slider-margin-right) var(--simple-slider-margin-bottom) var(--simple-slider-margin-left);padding:var(--simple-slider-padding-top) var(--simple-slider-padding-right) var(--simple-slider-padding-bottom) var(--simple-slider-padding-left)}.simple-slider__range{position:relative;flex:1 1 auto;box-shadow:inset 0 0 0 var(--simple-slider-border-width) var(--simple-slider-border-color);border-radius:var(--simple-slider-radius);height:var(--simple-slider-height)}.simple-slider__status{display:flex;align-items:center;gap:var(--simple-slider-status-gap);margin:var(--simple-slider-status-margin-top) var(--simple-slider-status-margin-right) var(--simple-slider-status-margin-bottom) var(--simple-slider-status-margin-left);height:var(--simple-slider-status-height)}
|