@unoff/ui 1.21.3 → 1.22.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.
Files changed (89) hide show
  1. package/dist/assets/Accordion.css +1 -1
  2. package/dist/assets/ActionsItem.css +1 -1
  3. package/dist/assets/ActionsList.css +1 -1
  4. package/dist/assets/Bar.css +1 -1
  5. package/dist/assets/Button.css +1 -1
  6. package/dist/assets/Card.css +1 -1
  7. package/dist/assets/Chip.css +1 -1
  8. package/dist/assets/ColorChip.css +1 -1
  9. package/dist/assets/Consent.css +1 -1
  10. package/dist/assets/Dialog.css +1 -1
  11. package/dist/assets/DraggableItem.css +1 -1
  12. package/dist/assets/DraggableWindow.css +1 -1
  13. package/dist/assets/Drawer.css +1 -1
  14. package/dist/assets/Dropdown.css +1 -1
  15. package/dist/assets/Dropzone.css +1 -1
  16. package/dist/assets/FormItem.css +1 -1
  17. package/dist/assets/Icon.css +1 -1
  18. package/dist/assets/Input.css +1 -1
  19. package/dist/assets/InputsBar.css +1 -1
  20. package/dist/assets/KeyboardShortcutItem.css +1 -1
  21. package/dist/assets/Knob.css +1 -1
  22. package/dist/assets/Layout.css +1 -1
  23. package/dist/assets/List.css +1 -1
  24. package/dist/assets/MembersList.css +1 -1
  25. package/dist/assets/Message.css +1 -1
  26. package/dist/assets/MultipleSlider.css +1 -1
  27. package/dist/assets/Popin.css +1 -1
  28. package/dist/assets/Section.css +1 -1
  29. package/dist/assets/SectionTitle.css +1 -1
  30. package/dist/assets/Select.css +1 -1
  31. package/dist/assets/SemanticMessage.css +1 -1
  32. package/dist/assets/SimpleItem.css +1 -1
  33. package/dist/assets/SimpleSlider.css +1 -1
  34. package/dist/assets/SortableList.css +1 -1
  35. package/dist/assets/Tabs.css +1 -1
  36. package/dist/assets/Thumbnail.css +1 -1
  37. package/dist/assets/Tooltip.css +1 -1
  38. package/dist/assets/styles/texts/styles/figma.css +1 -1
  39. package/dist/assets/styles/texts/styles/framer.css +1 -1
  40. package/dist/assets/styles/texts/styles/penpot.css +1 -1
  41. package/dist/assets/styles/texts/styles/sketch.css +1 -1
  42. package/dist/assets/styles/texts/texts.css +1 -1
  43. package/dist/assets/styles/tokens/modules/commons.css +1 -0
  44. package/dist/assets/styles/tokens/modules/figma-colors.css +1 -1
  45. package/dist/assets/styles/tokens/modules/figma-plugin.css +1 -0
  46. package/dist/assets/styles/tokens/modules/framer-colors.css +1 -1
  47. package/dist/assets/styles/tokens/modules/penpot-colors.css +1 -1
  48. package/dist/assets/styles/tokens/modules/sketch-colors.css +1 -1
  49. package/dist/components/actions/button/Button.figma.js +1 -1
  50. package/dist/components/assets/icon/Icon.figma.js +1 -1
  51. package/dist/components/dialogs/consent/Consent.d.ts.map +1 -1
  52. package/dist/components/dialogs/consent/Consent.js.map +1 -1
  53. package/dist/components/inputs/dropdown/Dropdown.d.ts.map +1 -1
  54. package/dist/components/inputs/dropdown/Dropdown.figma.js +1 -1
  55. package/dist/components/inputs/dropdown/Dropdown.js.map +1 -1
  56. package/dist/components/inputs/dropzone/Dropzone.d.ts +1 -1
  57. package/dist/components/inputs/dropzone/Dropzone.d.ts.map +1 -1
  58. package/dist/components/inputs/dropzone/Dropzone.js.map +1 -1
  59. package/dist/components/inputs/input/Input.figma.js +1 -1
  60. package/dist/components/lists/actions-list/ActionsList.d.ts.map +1 -1
  61. package/dist/components/lists/actions-list/ActionsList.js.map +1 -1
  62. package/dist/components/lists/sortable-list/SortableList.d.ts.map +1 -1
  63. package/dist/components/lists/sortable-list/SortableList.js.map +1 -1
  64. package/dist/components/lists/tabs/Tabs.figma.js +1 -1
  65. package/dist/components/tags/chip/Chip.figma.js +1 -1
  66. package/dist/components/tags/color-chip/ColorChip.d.ts.map +1 -1
  67. package/dist/components/tags/color-chip/ColorChip.js.map +1 -1
  68. package/dist/components/tags/icon-chip/IconChip.d.ts.map +1 -1
  69. package/dist/components/tags/icon-chip/IconChip.js.map +1 -1
  70. package/dist/index.d.ts +3 -2
  71. package/dist/index.d.ts.map +1 -1
  72. package/dist/index.js +108 -106
  73. package/dist/index.js.map +1 -1
  74. package/dist/index_react-D2vn0nVd.js +19160 -0
  75. package/dist/index_react-D2vn0nVd.js.map +1 -0
  76. package/dist/styles/texts/texts.module.js +13 -13
  77. package/dist/styles/tokens/modules/commons.module.js +9 -0
  78. package/dist/styles/tokens/modules/commons.module.js.map +1 -0
  79. package/dist/styles/tokens/modules/figma-plugin.module.js +9 -0
  80. package/dist/styles/tokens/modules/figma-plugin.module.js.map +1 -0
  81. package/dist/types/icon.types.d.ts +1 -1
  82. package/dist/types/icon.types.d.ts.map +1 -1
  83. package/dist/types/icon.types.js.map +1 -1
  84. package/package.json +2 -5
  85. package/dist/assets/styles/tokens/modules/globals.css +0 -1
  86. package/dist/index_react-BkjUklDQ.js +0 -18392
  87. package/dist/index_react-BkjUklDQ.js.map +0 -1
  88. package/dist/styles/tokens/modules/globals.module.js +0 -9
  89. package/dist/styles/tokens/modules/globals.module.js.map +0 -1
package/dist/assets/SemanticMessage.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=penpot]{--semantic-message-background-color-default: var(--penpot-color-background-primary);--semantic-message-background-color-error-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-error-default: var(--penpot-color-background-error);--semantic-message-background-color-info-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-info-default: var(--penpot-color-background-info);--semantic-message-background-color-success-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-success-default: var(--penpot-color-background-success);--semantic-message-background-color-warning-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-warning-default: var(--penpot-color-background-warning);--semantic-message-border-color-default: var(--penpot-color-background-secondary);--semantic-message-border-color-error: var(--penpot-color-accent-error);--semantic-message-border-color-info: var(--penpot-color-accent-info);--semantic-message-border-color-success: var(--penpot-color-accent-success);--semantic-message-border-color-warning: var(--penpot-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xxsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-max-width: 400px;--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=sketch]{--semantic-message-background-color-default: var(--sketch-color-background-primary);--semantic-message-background-color-error-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-error-default: var(--sketch-color-background-error);--semantic-message-background-color-info-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-info-default: var(--sketch-color-background-info);--semantic-message-background-color-success-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-success-default: var(--sketch-color-background-success);--semantic-message-background-color-warning-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-warning-default: var(--sketch-color-background-warning);--semantic-message-border-color-default: var(--sketch-color-border-secondary);--semantic-message-border-color-error: var(--sketch-color-accent-error);--semantic-message-border-color-info: var(--sketch-color-accent-info);--semantic-message-border-color-success: var(--sketch-color-accent-success);--semantic-message-border-color-warning: var(--sketch-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-max-width: 400px;--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=figma]{--semantic-message-background-color-default: var(--figma-color-bg);--semantic-message-background-color-error-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-error-default: var(--figma-color-bg-danger-tertiary);--semantic-message-background-color-info-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-info-default: var(--figma-color-bg-brand-tertiary);--semantic-message-background-color-success-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-success-default: var(--figma-color-bg-success-tertiary);--semantic-message-background-color-warning-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-warning-default: var(--figma-color-bg-warning-tertiary);--semantic-message-border-color-default: transparent;--semantic-message-border-color-error: transparent;--semantic-message-border-color-info: transparent;--semantic-message-border-color-success: transparent;--semantic-message-border-color-warning: transparent;--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-max-width: 400px;--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=framer]{--semantic-message-background-color-default: var(--framer-color-bg);--semantic-message-background-color-error-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-error-default: var(--framer-color-destructive-dimmed);--semantic-message-background-color-info-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-info-default: var(--framer-color-tint-dimmed);--semantic-message-background-color-success-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-success-default: var(--framer-color-success-dimmed);--semantic-message-background-color-warning-accent: color(srgb 0 0 0 / .18823529411764706);--semantic-message-background-color-warning-default: var(--framer-color-warning-dimmed);--semantic-message-border-color-default: transparent;--semantic-message-border-color-error: transparent;--semantic-message-border-color-info: transparent;--semantic-message-border-color-success: transparent;--semantic-message-border-color-warning: transparent;--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-max-width: 400px;--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}.semantic-message{display:flex;justify-content:space-between;gap:var(--semantic-message-gap);outline:var(--semantic-message-border-width) solid var(--semantic-message-border-color);outline-offset:var(--semantic-message-border-offset);border-radius:var(--semantic-message-radius);background-color:var(--semantic-message-background-color);padding:var(--semantic-message-padding);max-width:var(--semantic-message-max-width)}.semantic-message{--semantic-message-padding: var(--semantic-message-padding-default-top) var(--semantic-message-padding-default-right) var(--semantic-message-padding-default-bottom) var(--semantic-message-padding-default-left)}.semantic-message--info{--semantic-message-background-color: var( --semantic-message-background-color-info-default );--semantic-message-border-width: var(--semantic-message-border-width-info);--semantic-message-border-color: var(--semantic-message-border-color-info);--semantic-message-border-offset: var( --semantic-message-border-offset-info );--button-secondary-background-color-default: var( --semantic-message-background-color-info-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-info-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-info-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-info-accent )}.semantic-message--error{--semantic-message-background-color: var( --semantic-message-background-color-error-default );--semantic-message-border-width: var(--semantic-message-border-width-error);--semantic-message-border-color: var(--semantic-message-border-color-error);--semantic-message-border-offset: var( --semantic-message-border-offset-error );--button-secondary-background-color-default: var( --semantic-message-background-color-error-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-error-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-error-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-error-accent )}.semantic-message--success{--semantic-message-background-color: var( --semantic-message-background-color-success-default );--semantic-message-border-width: var( --semantic-message-border-width-success );--semantic-message-border-color: var( --semantic-message-border-color-success );--semantic-message-border-offset: var( --semantic-message-border-offset-success );--button-secondary-background-color-default: var( --semantic-message-background-color-success-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-success-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-success-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-success-accent )}.semantic-message--warning{--semantic-message-background-color: var( --semantic-message-background-color-warning-default );--semantic-message-border-width: var( --semantic-message-border-width-warning );--semantic-message-border-color: var( --semantic-message-border-color-warning );--semantic-message-border-offset: var( --semantic-message-border-offset-warning );--button-secondary-background-color-default: var( --semantic-message-background-color-warning-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-warning-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-warning-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-warning-accent )}.semantic-message--anchored{border-radius:0;--semantic-message-padding: var(--semantic-message-padding-anchored-top) var(--semantic-message-padding-anchored-right) var(--semantic-message-padding-anchored-bottom) var(--semantic-message-padding-anchored-left)}.semantic-message--anchored.semantic-message--vertical{--semantic-message-padding: var( --semantic-message-padding-anchored-vertical-top ) var(--semantic-message-padding-anchored-vertical-right) var(--semantic-message-padding-anchored-vertical-bottom) var(--semantic-message-padding-anchored-vertical-left)}.semantic-message--vertical{flex-direction:column;align-items:center;--semantic-message-padding: var(--semantic-message-padding-vertical-top) var(--semantic-message-padding-vertical-right) var(--semantic-message-padding-vertical-bottom) var(--semantic-message-padding-vertical-left)}.semantic-message__body{display:flex;flex:1;justify-content:start;align-items:center}
1
+ @charset "UTF-8";:root[data-theme=penpot]{--semantic-message-background-color-default: var(--penpot-color-background-primary);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--penpot-color-background-error);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--penpot-color-background-info);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--penpot-color-background-success);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--penpot-color-background-warning);--semantic-message-border-color-default: var(--penpot-color-background-secondary);--semantic-message-border-color-error: var(--penpot-color-accent-error);--semantic-message-border-color-info: var(--penpot-color-accent-info);--semantic-message-border-color-success: var(--penpot-color-accent-success);--semantic-message-border-color-warning: var(--penpot-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-max-width: 400px;--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xxsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=sketch]{--semantic-message-background-color-default: var(--sketch-color-background-primary);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--sketch-color-background-error);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--sketch-color-background-info);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--sketch-color-background-success);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--sketch-color-background-warning);--semantic-message-border-color-default: var(--sketch-color-border-secondary);--semantic-message-border-color-error: var(--sketch-color-accent-error);--semantic-message-border-color-info: var(--sketch-color-accent-info);--semantic-message-border-color-success: var(--sketch-color-accent-success);--semantic-message-border-color-warning: var(--sketch-color-accent-warning);--semantic-message-border-offset-default: var(--size-neg-unit);--semantic-message-border-offset-error: var(--size-neg-unit);--semantic-message-border-offset-info: var(--size-neg-unit);--semantic-message-border-offset-success: var(--size-neg-unit);--semantic-message-border-offset-warning: var(--size-neg-unit);--semantic-message-border-width-default: var(--size-pos-unit);--semantic-message-border-width-error: var(--size-pos-unit);--semantic-message-border-width-info: var(--size-pos-unit);--semantic-message-border-width-success: var(--size-pos-unit);--semantic-message-border-width-warning: var(--size-pos-unit);--semantic-message-gap: var(--size-pos-xxsmall);--semantic-message-max-width: 400px;--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=figma]{--semantic-message-background-color-default: var(--figma-color-bg-default);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--figma-color-bg-danger-tertiary);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--figma-color-bg-brand-tertiary);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--figma-color-bg-success-tertiary);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--figma-color-bg-warning-tertiary);--semantic-message-border-color-default: var(--grey-transparent);--semantic-message-border-color-error: var(--grey-transparent);--semantic-message-border-color-info: var(--grey-transparent);--semantic-message-border-color-success: var(--grey-transparent);--semantic-message-border-color-warning: var(--grey-transparent);--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-max-width: 400px;--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}:root[data-theme=framer]{--semantic-message-background-color-default: var(--framer-color-bg-default);--semantic-message-background-color-error-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-error-default: var(--framer-color-destructive-dimmed);--semantic-message-background-color-info-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-info-default: var(--framer-color-tint-dimmed);--semantic-message-background-color-success-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-success-default: var(--framer-color-success-dimmed);--semantic-message-background-color-warning-accent: var(--shadow-color-black-alpha300);--semantic-message-background-color-warning-default: var(--framer-color-warning-dimmed);--semantic-message-border-color-default: var(--grey-transparent);--semantic-message-border-color-error: var(--grey-transparent);--semantic-message-border-color-info: var(--grey-transparent);--semantic-message-border-color-success: var(--grey-transparent);--semantic-message-border-color-warning: var(--grey-transparent);--semantic-message-border-offset-default: var(--size-null);--semantic-message-border-offset-error: var(--size-null);--semantic-message-border-offset-info: var(--size-null);--semantic-message-border-offset-success: var(--size-null);--semantic-message-border-offset-warning: var(--size-null);--semantic-message-border-width-default: var(--size-null);--semantic-message-border-width-error: var(--size-null);--semantic-message-border-width-info: var(--size-null);--semantic-message-border-width-success: var(--size-null);--semantic-message-border-width-warning: var(--size-null);--semantic-message-gap: var(--size-pos-xxxsmall);--semantic-message-max-width: 400px;--semantic-message-padding-anchored-bottom: var(--size-pos-small);--semantic-message-padding-anchored-left: var(--size-null);--semantic-message-padding-anchored-right: var(--size-pos-xsmall);--semantic-message-padding-anchored-top: var(--size-pos-small);--semantic-message-padding-anchored-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-anchored-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-anchored-vertical-top: var(--size-pos-xsmall);--semantic-message-padding-default-bottom: var(--size-pos-xxsmall);--semantic-message-padding-default-left: var(--size-null);--semantic-message-padding-default-right: var(--size-pos-xsmall);--semantic-message-padding-default-top: var(--size-pos-xxsmall);--semantic-message-padding-vertical-bottom: var(--size-pos-xsmall);--semantic-message-padding-vertical-left: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-right: var(--size-pos-xxxsmall);--semantic-message-padding-vertical-top: var(--size-pos-xsmall);--semantic-message-radius: var(--border-radius-xlarge)}.semantic-message{display:flex;justify-content:space-between;gap:var(--semantic-message-gap);outline:var(--semantic-message-border-width) solid var(--semantic-message-border-color);outline-offset:var(--semantic-message-border-offset);border-radius:var(--semantic-message-radius);background-color:var(--semantic-message-background-color);padding:var(--semantic-message-padding);max-width:var(--semantic-message-max-width)}.semantic-message{--semantic-message-padding: var(--semantic-message-padding-default-top) var(--semantic-message-padding-default-right) var(--semantic-message-padding-default-bottom) var(--semantic-message-padding-default-left)}.semantic-message--info{--semantic-message-background-color: var( --semantic-message-background-color-info-default );--semantic-message-border-width: var(--semantic-message-border-width-info);--semantic-message-border-color: var(--semantic-message-border-color-info);--semantic-message-border-offset: var( --semantic-message-border-offset-info );--button-secondary-background-color-default: var( --semantic-message-background-color-info-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-info-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-info-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-info-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-info-accent )}.semantic-message--error{--semantic-message-background-color: var( --semantic-message-background-color-error-default );--semantic-message-border-width: var(--semantic-message-border-width-error);--semantic-message-border-color: var(--semantic-message-border-color-error);--semantic-message-border-offset: var( --semantic-message-border-offset-error );--button-secondary-background-color-default: var( --semantic-message-background-color-error-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-error-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-error-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-error-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-error-accent )}.semantic-message--success{--semantic-message-background-color: var( --semantic-message-background-color-success-default );--semantic-message-border-width: var( --semantic-message-border-width-success );--semantic-message-border-color: var( --semantic-message-border-color-success );--semantic-message-border-offset: var( --semantic-message-border-offset-success );--button-secondary-background-color-default: var( --semantic-message-background-color-success-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-success-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-success-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-success-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-success-accent )}.semantic-message--warning{--semantic-message-background-color: var( --semantic-message-background-color-warning-default );--semantic-message-border-width: var( --semantic-message-border-width-warning );--semantic-message-border-color: var( --semantic-message-border-color-warning );--semantic-message-border-offset: var( --semantic-message-border-offset-warning );--button-secondary-background-color-default: var( --semantic-message-background-color-warning-default );--button-secondary-background-color-hover: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-default: var( --semantic-message-background-color-warning-accent );--button-secondary-border-color-hover: var( --semantic-message-background-color-warning-accent );--icon-button-default-background-color-default: var( --semantic-message-background-color-warning-default );--icon-button-default-background-color-hover: var( --semantic-message-background-color-warning-accent )}.semantic-message--anchored{border-radius:0;--semantic-message-padding: var(--semantic-message-padding-anchored-top) var(--semantic-message-padding-anchored-right) var(--semantic-message-padding-anchored-bottom) var(--semantic-message-padding-anchored-left)}.semantic-message--anchored.semantic-message--vertical{--semantic-message-padding: var( --semantic-message-padding-anchored-vertical-top ) var(--semantic-message-padding-anchored-vertical-right) var(--semantic-message-padding-anchored-vertical-bottom) var(--semantic-message-padding-anchored-vertical-left)}.semantic-message--vertical{flex-direction:column;align-items:center;--semantic-message-padding: var(--semantic-message-padding-vertical-top) var(--semantic-message-padding-vertical-right) var(--semantic-message-padding-vertical-bottom) var(--semantic-message-padding-vertical-left)}.semantic-message__body{display:flex;flex:1;justify-content:start;align-items:center}
package/dist/assets/SimpleItem.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=penpot]{--simple-item-background-color-default: var(--penpot-color-background-primary);--simple-item-background-color-focus: var(--penpot-color-accent-primary-muted);--simple-item-background-color-hover: var(--penpot-color-background-tertiary);--simple-item-border-color-default: transparent;--simple-item-border-color-focus: var(--penpot-color-accent-primary);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}:root[data-theme=sketch]{--simple-item-background-color-default: var(--sketch-color-background-primary);--simple-item-background-color-focus: var(--sketch-color-accent-disabled);--simple-item-background-color-hover: var(--sketch-color-background-secondary);--simple-item-border-color-default: transparent;--simple-item-border-color-focus: var(--sketch-color-accent-primary);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}:root[data-theme=figma]{--simple-item-background-color-default: var(--figma-color-bg);--simple-item-background-color-focus: var(--figma-color-bg-selected);--simple-item-background-color-hover: var(--figma-color-bg-hover);--simple-item-border-color-default: transparent;--simple-item-border-color-focus: var(--figma-color-border-selected);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}:root[data-theme=framer]{--simple-item-background-color-default: var(--framer-color-bg);--simple-item-background-color-focus: var(--framer-color-tint-dimmed);--simple-item-background-color-hover: var(--framer-color-bg-secondary);--simple-item-border-color-default: transparent;--simple-item-border-color-focus: var(--framer-color-tint);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}.simple-item{display:flex;justify-content:space-between;align-items:start;gap:var(--simple-item-gap);box-sizing:content-box;outline:var(--simple-item-border-width) solid var(--simple-item-border-color);outline-offset:var(--simple-item-border-offset);background-color:var(--simple-item-background-color);padding:var(--simple-item-padding-top) var(--simple-item-padding-right) var(--simple-item-padding-bottom) var(--simple-item-padding-left);min-height:var(--simple-item-min-height)}.simple-item{--simple-item-background-color: var(--simple-item-background-color-default);--simple-item-border-width: var(--simple-item-border-width-default);--simple-item-border-offset: var(--simple-item-border-offset-default);--simple-item-border-color: var(--simple-item-border-color-default)}.simple-item--centered{align-items:center}.simple-item--baseline{align-items:baseline}.simple-item--interactive:hover{--simple-item-background-color: var(--simple-item-background-color-hover)}.simple-item--interactive:focus{--simple-item-background-color: var(--simple-item-background-color-focus);--simple-item-border-width: var(--simple-item-border-width-focus);--simple-item-border-offset: var(--simple-item-border-offset-focus);--simple-item-border-color: var(--simple-item-border-color-focus)}.simple-item--transparent{--simple-item-background-color: transparent}.simple-item .simple-item__left,.simple-item .simple-item__right{display:flex;max-width:100%}.simple-item .simple-item__left{flex:1}.simple-item .simple-item__param{max-width:100%}.simple-item .simple-item__param--compact{width:var(--simple-item-width-compact);min-width:var(--simple-item-min-width-compact)}.simple-item .simple-item__param--square{display:flex;justify-content:center;align-items:center;width:var(--simple-item-width-square);min-width:var(--simple-item-min-width-square)}.simple-item .simple-item__param--fill{flex:1}
1
+ @charset "UTF-8";:root[data-theme=penpot]{--simple-item-background-color-default: var(--penpot-color-background-primary);--simple-item-background-color-focus: var(--penpot-color-accent-primary-muted);--simple-item-background-color-hover: var(--penpot-color-background-tertiary);--simple-item-border-color-default: var(--grey-transparent);--simple-item-border-color-focus: var(--penpot-color-accent-primary-default);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}:root[data-theme=sketch]{--simple-item-background-color-default: var(--sketch-color-background-primary);--simple-item-background-color-focus: var(--sketch-color-accent-disabled);--simple-item-background-color-hover: var(--sketch-color-background-secondary);--simple-item-border-color-default: var(--grey-transparent);--simple-item-border-color-focus: var(--sketch-color-accent-primary);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}:root[data-theme=figma]{--simple-item-background-color-default: var(--figma-color-bg-default);--simple-item-background-color-focus: var(--figma-color-bg-selected-default);--simple-item-background-color-hover: var(--figma-color-bg-hover);--simple-item-border-color-default: var(--grey-transparent);--simple-item-border-color-focus: var(--figma-color-border-selected-default);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}:root[data-theme=framer]{--simple-item-background-color-default: var(--framer-color-bg-default);--simple-item-background-color-focus: var(--framer-color-tint-dimmed);--simple-item-background-color-hover: var(--framer-color-bg-secondary);--simple-item-border-color-default: var(--grey-transparent);--simple-item-border-color-focus: var(--framer-color-tint-default);--simple-item-border-offset-default: var(--size-null);--simple-item-border-offset-focus: var(--size-neg-unit);--simple-item-border-radius: var(--border-radius-small);--simple-item-border-width-default: var(--size-null);--simple-item-border-width-focus: var(--size-pos-unit);--simple-item-compact-min-width: 112px;--simple-item-compact-width: 112px;--simple-item-gap: var(--size-pos-xxsmall);--simple-item-min-height: var(--size-pos-medium);--simple-item-padding-bottom: var(--size-pos-xunit);--simple-item-padding-left: var(--size-pos-xsmall);--simple-item-padding-right: var(--size-pos-xsmall);--simple-item-padding-top: var(--size-pos-xunit);--simple-item-square-min-width: var(--size-pos-medium);--simple-item-square-width: var(--size-pos-medium)}.simple-item{display:flex;justify-content:space-between;align-items:start;gap:var(--simple-item-gap);box-sizing:content-box;outline:var(--simple-item-border-width) solid var(--simple-item-border-color);outline-offset:var(--simple-item-border-offset);background-color:var(--simple-item-background-color);padding:var(--simple-item-padding-top) var(--simple-item-padding-right) var(--simple-item-padding-bottom) var(--simple-item-padding-left);min-height:var(--simple-item-min-height)}.simple-item{--simple-item-background-color: var(--simple-item-background-color-default);--simple-item-border-width: var(--simple-item-border-width-default);--simple-item-border-offset: var(--simple-item-border-offset-default);--simple-item-border-color: var(--simple-item-border-color-default)}.simple-item--centered{align-items:center}.simple-item--baseline{align-items:baseline}.simple-item--interactive:hover{--simple-item-background-color: var(--simple-item-background-color-hover)}.simple-item--interactive:focus{--simple-item-background-color: var(--simple-item-background-color-focus);--simple-item-border-width: var(--simple-item-border-width-focus);--simple-item-border-offset: var(--simple-item-border-offset-focus);--simple-item-border-color: var(--simple-item-border-color-focus)}.simple-item--transparent{--simple-item-background-color: transparent}.simple-item .simple-item__left,.simple-item .simple-item__right{display:flex;max-width:100%}.simple-item .simple-item__left{flex:1}.simple-item .simple-item__param{max-width:100%}.simple-item .simple-item__param--compact{width:var(--simple-item-width-compact);min-width:var(--simple-item-min-width-compact)}.simple-item .simple-item__param--square{display:flex;justify-content:center;align-items:center;width:var(--simple-item-width-square);min-width:var(--simple-item-min-width-square)}.simple-item .simple-item__param--fill{flex:1}
package/dist/assets/SimpleSlider.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=penpot]{--simple-slider-background-color: var(--penpot-color-background-secondary);--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-progress-color: var(--penpot-color-accent-primary);--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-background-color: var(--sketch-color-background-secondary);--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-progress-color: var(--sketch-color-accent-default);--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-background-color: var(--figma-color-bg-secondary);--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-progress-color: var(--figma-color-bg-brand);--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-background-color: var(--framer-color-bg-secondary);--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-progress-color: var(--framer-color-tint);--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--no-padding{padding:0}.simple-slider__range{position:relative;flex:1 1 auto;background-color:var(--simple-slider-background-color);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__progress{position:absolute;top:0;left:0;height:100%;border-radius:var(--simple-slider-radius);background-color:var(--simple-slider-progress-color);pointer-events:none}.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)}
1
+ @charset "UTF-8";:root[data-theme=penpot]{--simple-slider-background-color: var(--penpot-color-background-secondary);--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-progress-color: var(--penpot-color-accent-primary-default);--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-background-color: var(--sketch-color-background-secondary);--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-progress-color: var(--sketch-color-accent-primary);--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-background-color: var(--figma-color-bg-secondary);--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-progress-color: var(--figma-color-bg-brand-default);--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-background-color: var(--framer-color-bg-secondary);--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-progress-color: var(--framer-color-tint-default);--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--no-padding{padding:0}.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);background-color:var(--simple-slider-background-color);height:var(--simple-slider-height)}.simple-slider__progress{position:absolute;top:0;left:0;border-radius:var(--simple-slider-radius);background-color:var(--simple-slider-progress-color);height:100%;pointer-events:none}.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)}
package/dist/assets/SortableList.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=penpot]{--sortable-list-border-color: var(--penpot-color-background-quaternary);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}:root[data-theme=sketch]{--sortable-list-border-color: var(--sketch-color-border-primary);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}:root[data-theme=figma]{--sortable-list-border-color: var(--figma-color-border);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}:root[data-theme=framer]{--sortable-list-border-color: var(--framer-color-divider);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}.sortable-list{margin:0;padding:0;list-style-type:none}.sortable-list--scrollable{padding:var(--sortable-list-padding-top) var(--sortable-list-padding-right) var(--sortable-list-padding-bottom) var(--sortable-list-padding-left);height:100%;overflow:hidden auto}.sortable-list--top-border{border-top:var(--sortable-list-border-width) solid var(--sortable-list-border-color)}
1
+ @charset "UTF-8";:root[data-theme=penpot]{--sortable-list-border-color: var(--penpot-color-background-quaternary);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}:root[data-theme=sketch]{--sortable-list-border-color: var(--sketch-color-border-primary);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}:root[data-theme=figma]{--sortable-list-border-color: var(--figma-color-border-default);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}:root[data-theme=framer]{--sortable-list-border-color: var(--framer-color-divider);--sortable-list-border-width: var(--size-pos-unit);--sortable-list-padding-bottom: var(--size-pos-unit);--sortable-list-padding-left: var(--size-null);--sortable-list-padding-right: var(--size-null);--sortable-list-padding-top: var(--size-pos-unit)}.sortable-list{margin:0;padding:0;list-style-type:none}.sortable-list--scrollable{padding:var(--sortable-list-padding-top) var(--sortable-list-padding-right) var(--sortable-list-padding-bottom) var(--sortable-list-padding-left);height:100%;overflow:hidden auto}.sortable-list--top-border{border-top:var(--sortable-list-border-width) solid var(--sortable-list-border-color)}
package/dist/assets/Tabs.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=penpot]{--tabs-background-color-default: var(--penpot-color-background-secondary);--tabs-background-color-vertical: var(--penpot-color-background-primary);--tabs-gap-default: var(--size-null);--tabs-gap-vertical: var(--size-null);--tabs-padding-default-bottom: var(--size-pos-xunit);--tabs-padding-default-left: var(--size-pos-xunit);--tabs-padding-default-right: var(--size-pos-xunit);--tabs-padding-default-top: var(--size-pos-xunit);--tabs-padding-vertical-bottom: var(--size-null);--tabs-padding-vertical-left: var(--size-null);--tabs-padding-vertical-right: var(--size-null);--tabs-padding-vertical-top: var(--size-null);--tabs-radius-default: var(--border-radius-xlarge);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--penpot-color-background-quaternary);--tabs-tab-background-color-alternative: var(--penpot-color-background-primary);--tabs-tab-background-color-alternative-active: var(--penpot-color-background-quaternary);--tabs-tab-background-color-alternative-focus: var(--penpot-color-background-tertiary);--tabs-tab-background-color-alternative-hover: var(--penpot-color-background-secondary);--tabs-tab-background-color-default: var(--penpot-color-background-secondary);--tabs-tab-background-color-focus: var(--penpot-color-background-tertiary);--tabs-tab-background-color-hover: var(--penpot-color-background-secondary);--tabs-tab-border-color-active: transparent;--tabs-tab-border-color-alternative-focus: var(--penpot-color-accent-primary);--tabs-tab-border-color-alternative-hover: transparent;--tabs-tab-border-color-default: transparent;--tabs-tab-border-color-focus: var(--penpot-color-accent-primary);--tabs-tab-border-color-hover: transparent;--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xxsmall);--tabs-tab-gap-default: var(--size-pos-xxsmall);--tabs-tab-height-alternative: var(--size-pos-medium);--tabs-tab-height-default: var(--size-pos-medium);--tabs-tab-icon-color-active: var(--penpot-color-accent-primary);--tabs-tab-icon-color-alternative: var(--penpot-color-foreground-secondary);--tabs-tab-icon-color-alternative-active: var(--penpot-color-accent-primary);--tabs-tab-icon-color-alternative-focus: var(--penpot-color-foreground-primary);--tabs-tab-icon-color-alternative-hover: var(--penpot-color-foreground-primary);--tabs-tab-icon-color-default: var(--penpot-color-foreground-secondary);--tabs-tab-icon-color-focus: var(--penpot-color-foreground-primary);--tabs-tab-icon-color-hover: var(--penpot-color-foreground-primary);--tabs-tab-icon-height-alternative: var(--size-pos-xsmall);--tabs-tab-icon-height-default: var(--size-pos-xsmall);--tabs-tab-icon-width-alternative: var(--size-pos-xsmall);--tabs-tab-icon-width-default: var(--size-pos-xsmall);--tabs-tab-notification-background-color: var(--penpot-color-accent-primary);--tabs-tab-notification-border-color-active: var(--penpot-color-background-quaternary);--tabs-tab-notification-border-color-alternative-active: var(--penpot-color-background-quaternary);--tabs-tab-notification-border-color-alternative-focus: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-alternative-hover: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-default: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-focus: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-hover: var(--penpot-color-background-secondary);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-top: var(--size-pos-xxxsmall);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xmsmall);--tabs-tab-padding-default-right: var(--size-pos-xmsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--size-null);--tabs-tab-radius-default: var(--border-radius-xlarge);--tabs-tab-text-color-active: var(--penpot-color-accent-primary);--tabs-tab-text-color-alternative: var(--penpot-color-foreground-secondary);--tabs-tab-text-color-alternative-active: var(--penpot-color-accent-primary);--tabs-tab-text-color-alternative-focus: var(--penpot-color-foreground-primary);--tabs-tab-text-color-alternative-hover: var(--penpot-color-foreground-primary);--tabs-tab-text-color-default: var(--penpot-color-foreground-secondary);--tabs-tab-text-color-focus: var(--penpot-color-foreground-primary);--tabs-tab-text-color-hover: var(--penpot-color-foreground-primary);--tabs-tab-text-size-alternative: var(--font-size-small);--tabs-tab-text-size-default: var(--font-size-small);--tabs-tab-text-transform-alternative: uppercase;--tabs-tab-text-transform-default: uppercase;--tabs-tab-text-weight-active: var(--font-weight-medium);--tabs-tab-text-weight-alternative: var(--font-weight-medium);--tabs-tab-text-weight-alternative-active: var(--font-weight-medium);--tabs-tab-text-weight-alternative-focus: var(--font-weight-medium);--tabs-tab-text-weight-alternative-hover: var(--font-weight-medium);--tabs-tab-text-weight-default: var(--font-weight-medium);--tabs-tab-text-weight-focus: var(--font-weight-medium);--tabs-tab-text-weight-hover: var(--font-weight-medium)}:root[data-theme=sketch]{--tabs-background-color-default: var(--sketch-color-background-primary);--tabs-background-color-vertical: var(--sketch-color-background-primary);--tabs-gap-default: var(--size-pos-xxxsmall);--tabs-gap-vertical: var(--size-null);--tabs-padding-default-bottom: var(--size-null);--tabs-padding-default-left: var(--size-null);--tabs-padding-default-right: var(--size-null);--tabs-padding-default-top: var(--size-null);--tabs-padding-vertical-bottom: var(--size-pos-xxsmall);--tabs-padding-vertical-left: var(--size-pos-xxsmall);--tabs-padding-vertical-right: var(--size-pos-xxsmall);--tabs-padding-vertical-top: var(--size-pos-xxsmall);--tabs-radius-default: var(--border-radius-null);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--sketch-color-accent-disabled);--tabs-tab-background-color-alternative: var(--sketch-color-background-primary);--tabs-tab-background-color-alternative-active: var(--sketch-color-accent-disabled);--tabs-tab-background-color-alternative-focus: var(--sketch-color-accent-disabled);--tabs-tab-background-color-alternative-hover: var(--sketch-color-background-secondary);--tabs-tab-background-color-default: var(--sketch-color-background-primary);--tabs-tab-background-color-focus: var(--sketch-color-accent-disabled);--tabs-tab-background-color-hover: var(--sketch-color-background-secondary);--tabs-tab-border-color-active: transparent;--tabs-tab-border-color-alternative-focus: var(--sketch-color-accent-primary);--tabs-tab-border-color-alternative-hover: transparent;--tabs-tab-border-color-default: transparent;--tabs-tab-border-color-focus: var(--sketch-color-accent-primary);--tabs-tab-border-color-hover: transparent;--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xunit);--tabs-tab-gap-default: var(--size-pos-xunit);--tabs-tab-height-alternative: var(--size-pos-medium);--tabs-tab-height-default: var(--size-pos-medium);--tabs-tab-icon-color-active: var(--sketch-color-accent-primary);--tabs-tab-icon-color-alternative: var(--sketch-color-foreground-secondary);--tabs-tab-icon-color-alternative-active: var(--sketch-color-accent-primary);--tabs-tab-icon-color-alternative-focus: var(--sketch-color-foreground-primary);--tabs-tab-icon-color-alternative-hover: var(--sketch-color-foreground-primary);--tabs-tab-icon-color-default: var(--sketch-color-foreground-secondary);--tabs-tab-icon-color-focus: var(--sketch-color-foreground-primary);--tabs-tab-icon-color-hover: var(--sketch-color-foreground-primary);--tabs-tab-icon-height-alternative: var(--size-pos-small);--tabs-tab-icon-height-default: var(--size-pos-small);--tabs-tab-icon-width-alternative: var(--size-pos-small);--tabs-tab-icon-width-default: var(--size-pos-small);--tabs-tab-notification-background-color: var(--sketch-color-accent-primary);--tabs-tab-notification-border-color-active: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-alternative-active: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-alternative-focus: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-alternative-hover: var(--sketch-color-background-secondary);--tabs-tab-notification-border-color-default: var(--sketch-color-background-primary);--tabs-tab-notification-border-color-focus: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-hover: var(--sketch-color-background-secondary);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-top: var(--size-pos-xxxsmall);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xmsmall);--tabs-tab-padding-default-right: var(--size-pos-xmsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--border-radius-large);--tabs-tab-radius-default: var(--border-radius-large);--tabs-tab-text-color-active: var(--sketch-color-accent-primary);--tabs-tab-text-color-alternative: var(--sketch-color-foreground-secondary);--tabs-tab-text-color-alternative-active: var(--sketch-color-accent-primary);--tabs-tab-text-color-alternative-focus: var(--sketch-color-foreground-primary);--tabs-tab-text-color-alternative-hover: var(--sketch-color-foreground-primary);--tabs-tab-text-color-default: var(--sketch-color-foreground-secondary);--tabs-tab-text-color-focus: var(--sketch-color-foreground-primary);--tabs-tab-text-color-hover: var(--sketch-color-foreground-primary);--tabs-tab-text-size-alternative: var(--font-size-medium);--tabs-tab-text-size-default: var(--font-size-medium);--tabs-tab-text-transform-alternative: none;--tabs-tab-text-transform-default: none;--tabs-tab-text-weight-active: var(--font-weight-normal);--tabs-tab-text-weight-alternative: var(--font-weight-normal);--tabs-tab-text-weight-alternative-active: var(--font-weight-normal);--tabs-tab-text-weight-alternative-focus: var(--font-weight-normal);--tabs-tab-text-weight-alternative-hover: var(--font-weight-normal);--tabs-tab-text-weight-default: var(--font-weight-normal);--tabs-tab-text-weight-focus: var(--font-weight-normal);--tabs-tab-text-weight-hover: var(--font-weight-normal)}:root[data-theme=figma]{--tabs-background-color-default: var(--figma-color-bg);--tabs-background-color-vertical: var(--figma-color-bg);--tabs-gap-default: var(--size-pos-xxxsmall);--tabs-gap-vertical: var(--size-pos-xxsmall);--tabs-padding-default-bottom: var(--size-null);--tabs-padding-default-left: var(--size-null);--tabs-padding-default-right: var(--size-null);--tabs-padding-default-top: var(--size-null);--tabs-padding-vertical-bottom: var(--size-pos-xxsmall);--tabs-padding-vertical-left: var(--size-pos-xxsmall);--tabs-padding-vertical-right: var(--size-pos-xxsmall);--tabs-padding-vertical-top: var(--size-pos-xxsmall);--tabs-radius-default: var(--size-null);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--figma-color-bg-secondary);--tabs-tab-background-color-alternative: var(--figma-color-bg);--tabs-tab-background-color-alternative-active: var(--figma-color-bg-secondary);--tabs-tab-background-color-alternative-focus: var(--figma-color-bg-hover);--tabs-tab-background-color-alternative-hover: var(--figma-color-bg-hover);--tabs-tab-background-color-default: var(--figma-color-bg);--tabs-tab-background-color-focus: var(--figma-color-bg-hover);--tabs-tab-background-color-hover: var(--figma-color-bg-hover);--tabs-tab-border-color-active: transparent;--tabs-tab-border-color-alternative-focus: var(--figma-color-border-selected);--tabs-tab-border-color-alternative-hover: transparent;--tabs-tab-border-color-default: transparent;--tabs-tab-border-color-focus: var(--figma-color-border-selected);--tabs-tab-border-color-hover: transparent;--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xunit);--tabs-tab-gap-default: var(--size-pos-xunit);--tabs-tab-height-alternative: var(--size-pos-small);--tabs-tab-height-default: var(--size-pos-small);--tabs-tab-icon-color-active: var(--figma-color-text);--tabs-tab-icon-color-alternative: var(--figma-color-text-secondary);--tabs-tab-icon-color-alternative-active: var(--figma-color-text);--tabs-tab-icon-color-alternative-focus: var(--figma-color-text);--tabs-tab-icon-color-alternative-hover: var(--figma-color-text-secondary);--tabs-tab-icon-color-default: var(--figma-color-text-secondary);--tabs-tab-icon-color-focus: var(--figma-color-text);--tabs-tab-icon-color-hover: var(--figma-color-text-secondary);--tabs-tab-icon-height-alternative: var(--size-pos-small);--tabs-tab-icon-height-default: var(--size-pos-small);--tabs-tab-icon-width-alternative: var(--size-pos-small);--tabs-tab-icon-width-default: var(--size-pos-small);--tabs-tab-notification-background-color: var(--figma-color-bg-brand);--tabs-tab-notification-border-color-active: var(--figma-color-bg-secondary);--tabs-tab-notification-border-color-alternative-active: var(--figma-color-bg-secondary);--tabs-tab-notification-border-color-alternative-focus: var(--figma-color-bg-hover);--tabs-tab-notification-border-color-alternative-hover: var(--figma-color-bg-hover);--tabs-tab-notification-border-color-default: var(--figma-color-bg);--tabs-tab-notification-border-color-focus: var(--figma-color-bg-hover);--tabs-tab-notification-border-color-hover: var(--figma-color-bg-hover);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xunit);--tabs-tab-notification-inset-top: var(--size-pos-xunit);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xxsmall);--tabs-tab-padding-default-right: var(--size-pos-xxsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--border-radius-medium);--tabs-tab-radius-default: var(--border-radius-medium);--tabs-tab-text-color-active: var(--figma-color-text);--tabs-tab-text-color-alternative: var(--figma-color-text-secondary);--tabs-tab-text-color-alternative-active: var(--figma-color-text);--tabs-tab-text-color-alternative-focus: var(--figma-color-text);--tabs-tab-text-color-alternative-hover: var(--figma-color-text-secondary);--tabs-tab-text-color-default: var(--figma-color-text-secondary);--tabs-tab-text-color-focus: var(--figma-color-text);--tabs-tab-text-color-hover: var(--figma-color-text-secondary);--tabs-tab-text-size-alternative: var(--font-size-xsmall);--tabs-tab-text-size-default: var(--font-size-xsmall);--tabs-tab-text-transform-alternative: none;--tabs-tab-text-transform-default: none;--tabs-tab-text-weight-active: var(--font-weight-bold);--tabs-tab-text-weight-alternative: var(--font-weight-semi);--tabs-tab-text-weight-alternative-active: var(--font-weight-bold);--tabs-tab-text-weight-alternative-focus: var(--font-weight-semi);--tabs-tab-text-weight-alternative-hover: var(--font-weight-semi);--tabs-tab-text-weight-default: var(--font-weight-semi);--tabs-tab-text-weight-focus: var(--font-weight-semi);--tabs-tab-text-weight-hover: var(--font-weight-semi)}:root[data-theme=framer]{--tabs-background-color-default: var(--framer-color-bg-secondary);--tabs-background-color-vertical: var(--framer-color-bg);--tabs-gap-default: var(--size-null);--tabs-gap-vertical: var(--size-pos-xxxsmall);--tabs-padding-default-bottom: var(--size-pos-xunit);--tabs-padding-default-left: var(--size-pos-xunit);--tabs-padding-default-right: var(--size-pos-xunit);--tabs-padding-default-top: var(--size-pos-xunit);--tabs-padding-vertical-bottom: var(--size-pos-xsmall);--tabs-padding-vertical-left: var(--size-pos-xsmall);--tabs-padding-vertical-right: var(--size-pos-xsmall);--tabs-padding-vertical-top: var(--size-pos-xsmall);--tabs-radius-default: var(--border-radius-xlarge);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--framer-color-bg);--tabs-tab-background-color-alternative: var(--framer-color-bg);--tabs-tab-background-color-alternative-active: var(--framer-color-bg-secondary);--tabs-tab-background-color-alternative-focus: var(--framer-color-bg);--tabs-tab-background-color-alternative-hover: var(--framer-color-bg);--tabs-tab-background-color-default: transparent;--tabs-tab-background-color-focus: transparent;--tabs-tab-background-color-hover: transparent;--tabs-tab-border-color-active: var(--framer-color-bg-tertiary);--tabs-tab-border-color-alternative-focus: var(--framer-color-tint);--tabs-tab-border-color-alternative-hover: transparent;--tabs-tab-border-color-default: transparent;--tabs-tab-border-color-focus: var(--framer-color-tint);--tabs-tab-border-color-hover: transparent;--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xunit);--tabs-tab-gap-default: var(--size-pos-xunit);--tabs-tab-height-alternative: var(--size-pos-medium);--tabs-tab-height-default: var(--size-pos-medium);--tabs-tab-icon-color-active: var(--framer-color-text);--tabs-tab-icon-color-alternative: var(--framer-color-text-secondary);--tabs-tab-icon-color-alternative-active: var(--framer-color-text);--tabs-tab-icon-color-alternative-focus: var(--framer-color-text-secondary);--tabs-tab-icon-color-alternative-hover: var(--framer-color-text-secondary);--tabs-tab-icon-color-default: var(--framer-color-text-secondary);--tabs-tab-icon-color-focus: var(--framer-color-text-secondary);--tabs-tab-icon-color-hover: var(--framer-color-text-secondary);--tabs-tab-icon-height-alternative: var(--size-pos-small);--tabs-tab-icon-height-default: var(--size-pos-small);--tabs-tab-icon-width-alternative: var(--size-pos-small);--tabs-tab-icon-width-default: var(--size-pos-small);--tabs-tab-notification-background-color: var(--framer-color-tint);--tabs-tab-notification-border-color-active: var(--framer-color-bg);--tabs-tab-notification-border-color-alternative-active: var(--framer-color-bg-secondary);--tabs-tab-notification-border-color-alternative-focus: var(--framer-color-bg);--tabs-tab-notification-border-color-alternative-hover: var(--framer-color-bg);--tabs-tab-notification-border-color-default: var(--framer-color-bg-secondary);--tabs-tab-notification-border-color-focus: var(--framer-color-bg-secondary);--tabs-tab-notification-border-color-hover: var(--framer-color-bg-secondary);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-top: var(--size-pos-xxxsmall);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-small);--tabs-tab-padding-alternative-right: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xxxsmall);--tabs-tab-padding-default-right: var(--size-pos-xxxsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--border-radius-xlarge);--tabs-tab-radius-default: var(--border-radius-large);--tabs-tab-text-color-active: var(--framer-color-text);--tabs-tab-text-color-alternative: var(--framer-color-text-secondary);--tabs-tab-text-color-alternative-active: var(--framer-color-text);--tabs-tab-text-color-alternative-focus: var(--framer-color-text-secondary);--tabs-tab-text-color-alternative-hover: var(--framer-color-text-secondary);--tabs-tab-text-color-default: var(--framer-color-text-secondary);--tabs-tab-text-color-focus: var(--framer-color-text-secondary);--tabs-tab-text-color-hover: var(--framer-color-text-secondary);--tabs-tab-text-size-alternative: var(--font-size-small);--tabs-tab-text-size-default: var(--font-size-small);--tabs-tab-text-transform-alternative: none;--tabs-tab-text-transform-default: none;--tabs-tab-text-weight-active: var(--font-weight-bold);--tabs-tab-text-weight-alternative: var(--font-weight-medium);--tabs-tab-text-weight-alternative-active: var(--font-weight-medium);--tabs-tab-text-weight-alternative-focus: var(--font-weight-medium);--tabs-tab-text-weight-alternative-hover: var(--font-weight-medium);--tabs-tab-text-weight-default: var(--font-weight-medium);--tabs-tab-text-weight-focus: var(--font-weight-medium);--tabs-tab-text-weight-hover: var(--font-weight-medium)}.tabs{display:flex;align-items:stretch;gap:var(--tabs-gap);cursor:default;border-radius:var(--tabs-radius);background-color:var(--tabs-background-color);padding:var(--tabs-padding);-webkit-user-select:none;user-select:none}.tabs{--tabs-gap: var(--tabs-gap-default);--tabs-radius: var(--tabs-radius-default);--tabs-padding: var(--tabs-padding-default-top) var(--tabs-padding-default-right) var(--tabs-padding-default-bottom) var(--tabs-padding-default-left);--tabs-background-color: var(--tabs-background-color-default)}.tabs .tabs__tab{display:flex;position:relative;justify-content:center;align-items:center;gap:var(--tabs-tab-gap);outline:var(--tabs-tab-border-width) solid var(--tabs-tab-border-color);outline-offset:var(--tabs-tab-border-offset);border-radius:var(--tabs-tab-radius);background-color:var(--tabs-tab-background-color);padding:var(--tabs-tab-padding);height:var(--tabs-tab-height);--icon-width: var(--tabs-tab-icon-width);--icon-height: var(--tabs-tab-icon-height);--icon-picto-color: var(--tabs-tab-icon-color);--icon-letter-color: var(--tabs-tab-icon-color)}.tabs .tabs__tab>span{pointer-events:none;color:var(--tabs-tab-text-color);font-weight:var(--tabs-tab-text-weight);font-size:var(--tabs-tab-text-size);text-transform:var(--tabs-tab-text-transform)}.tabs .tabs__tab--flex{flex:1;overflow:hidden}.tabs .tabs__tab{--tabs-tab-padding: var(--tabs-tab-padding-default-top) var(--tabs-tab-padding-default-right) var(--tabs-tab-padding-default-bottom) var(--tabs-tab-padding-default-left);--tabs-tab-gap: var(--tabs-tab-gap-default);--tabs-tab-radius: var(--tabs-tab-radius-default);--tabs-tab-height: var(--tabs-tab-height-default);--tabs-tab-icon-width: var(--tabs-tab-icon-width-default);--tabs-tab-icon-height: var(--tabs-tab-icon-height-default);--tabs-tab-text-size: var(--tabs-tab-text-size-default);--tabs-tab-text-transform: var(--tabs-tab-text-transform-default)}.tabs .tabs__tab--with-icon{--tabs-tab-padding: var(--tabs-tab-padding-with-icon-top) var(--tabs-tab-padding-with-icon-right) var(--tabs-tab-padding-with-icon-bottom) var(--tabs-tab-padding-with-icon-left)}.tabs .tabs__tab:not(.tabs .tabs__tab--active){--tabs-tab-background-color: var(--tabs-tab-background-color-default);--tabs-tab-border-color: var(--tabs-tab-border-color-default);--tabs-tab-border-width: var(--tabs-tab-border-width-default);--tabs-tab-border-offset: var(--tabs-tab-border-offset-default);--tabs-tab-text-color: var(--tabs-tab-text-color-default);--tabs-tab-text-weight: var(--tabs-tab-text-weight-default);--tabs-tab-icon-color: var(--tabs-tab-icon-color-default);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-default )}.tabs .tabs__tab:hover:not(.tabs .tabs__tab--active){--tabs-tab-background-color: var(--tabs-tab-background-color-hover);--tabs-tab-border-color: var(--tabs-tab-border-color-hover);--tabs-tab-border-width: var(--tabs-tab-border-width-hover);--tabs-tab-border-offset: var(--tabs-tab-border-offset-hover);--tabs-tab-text-color: var(--tabs-tab-text-color-hover);--tabs-tab-text-weight: var(--tabs-tab-text-weight-hover);--tabs-tab-icon-color: var(--tabs-tab-icon-color-hover);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-hover )}.tabs .tabs__tab:focus:not(.tabs .tabs__tab--active){--tabs-tab-background-color: var(--tabs-tab-background-color-focus);--tabs-tab-border-color: var(--tabs-tab-border-color-focus);--tabs-tab-border-width: var(--tabs-tab-border-width-focus);--tabs-tab-border-offset: var(--tabs-tab-border-offset-focus);--tabs-tab-text-color: var(--tabs-tab-text-color-focus);--tabs-tab-text-weight: var(--tabs-tab-text-weight-focus);--tabs-tab-icon-color: var(--tabs-tab-icon-color-focus);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-focus )}.tabs .tabs__tab--active{--tabs-tab-background-color: var(--tabs-tab-background-color-active);--tabs-tab-border-color: var(--tabs-tab-border-color-active);--tabs-tab-border-width: var(--tabs-tab-border-width-active);--tabs-tab-border-offset: var(--tabs-tab-border-offset-active);--tabs-tab-text-color: var(--tabs-tab-text-color-active);--tabs-tab-text-weight: var(--tabs-tab-text-weight-active);--tabs-tab-icon-color: var(--tabs-tab-icon-color-active);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-active )}.tabs .tabs__tab--updated:after{position:absolute;inset:var(--tabs-tab-notification-inset-top) var(--tabs-tab-notification-inset-right) var(--tabs-tab-notification-inset-bottom) var(--tabs-tab-notification-inset-left);outline:var(--tabs-tab-notification-border-width) solid var(--tabs-tab-notification-border-color);outline-offset:var(--tabs-tab-notification-border-offset);border-radius:var(--tabs-tab-notification-radius);background-color:var(--tabs-tab-notification-background-color);width:var(--tabs-tab-notification-width);height:var(--tabs-tab-notification-height);content:""}.tabs--vertical{--tabs-gap: var(--tabs-gap-vertical);--tabs-radius: var(--tabs-radius-vertical);--tabs-padding: var(--tabs-padding-vertical-top) var(--tabs-padding-vertical-right) var(--tabs-padding-vertical-bottom) var(--tabs-padding-vertical-left);--tabs-background-color: var(--tabs-background-color-vertical);flex-direction:column}.tabs--vertical .tabs__tab{justify-content:flex-start}.tabs--vertical .tabs__tab>span{flex:1}.tabs--vertical .tabs__tab{--tabs-tab-gap: var(--tabs-tab-gap-alternative);--tabs-tab-padding: var(--tabs-tab-padding-alternative-top) var(--tabs-tab-padding-alternative-right) var(--tabs-tab-padding-alternative-bottom) var(--tabs-tab-padding-alternative-left);--tabs-tab-radius: var(--tabs-tab-radius-alternative);--tabs-tab-height: var(--tabs-tab-height-alternative);--tabs-tab-text-transform: var(--tabs-tab-text-transform-alternative);--tabs-tab-icon-width: var(--tabs-tab-icon-width-alternative);--tabs-tab-icon-height: var(--tabs-tab-icon-height-alternative)}.tabs--vertical .tabs__tab--with-icon{--tabs-tab-padding: var(--tabs-tab-padding-alternative-with-icon-top) var(--tabs-tab-padding-alternative-with-icon-right) var(--tabs-tab-padding-alternative-with-icon-bottom) var(--tabs-tab-padding-alternative-with-icon-left)}.tabs--vertical .tabs__tab:not(.tabs--vertical .tabs__tab--active){--tabs-tab-background-color: var( --tabs-tab-background-color-alternative );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative)}.tabs--vertical .tabs__tab:hover:not(.tabs--vertical .tabs__tab--active){--tabs-tab-background-color: var( --tabs-tab-background-color-alternative-hover );--tabs-tab-border-color: var(--tabs-tab-border-color-alternative-hover);--tabs-tab-border-width: var(--tabs-tab-border-width-alternative-hover);--tabs-tab-border-offset: var( --tabs-tab-border-offset-alternative-hover );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative-hover);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative-hover);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative-hover);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-alternative-hover )}.tabs--vertical .tabs__tab:focus:not(.tabs--vertical .tabs__tab--active){--tabs-tab-background-color: var( --tabs-tab-background-color-alternative-focus );--tabs-tab-border-color: var(--tabs-tab-border-color-alternative-focus);--tabs-tab-border-width: var(--tabs-tab-border-width-alternative-focus);--tabs-tab-border-offset: var( --tabs-tab-border-offset-alternative-focus );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative-focus);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative-focus);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative-focus);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-alternative-focus )}.tabs--vertical .tabs__tab--active{--tabs-tab-background-color: var( --tabs-tab-background-color-alternative-active );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative-active);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative-active);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative-active);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-alternative-active )}
1
+ @charset "UTF-8";:root[data-theme=penpot]{--tabs-background-color-default: var(--penpot-color-background-secondary);--tabs-background-color-vertical: var(--penpot-color-background-primary);--tabs-gap-default: var(--size-null);--tabs-gap-vertical: var(--size-null);--tabs-padding-default-bottom: var(--size-pos-xunit);--tabs-padding-default-left: var(--size-pos-xunit);--tabs-padding-default-right: var(--size-pos-xunit);--tabs-padding-default-top: var(--size-pos-xunit);--tabs-padding-vertical-bottom: var(--size-null);--tabs-padding-vertical-left: var(--size-null);--tabs-padding-vertical-right: var(--size-null);--tabs-padding-vertical-top: var(--size-null);--tabs-radius-default: var(--border-radius-xlarge);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--penpot-color-background-quaternary);--tabs-tab-background-color-alternative: var(--penpot-color-background-primary);--tabs-tab-background-color-alternative-active: var(--penpot-color-background-quaternary);--tabs-tab-background-color-alternative-focus: var(--penpot-color-background-tertiary);--tabs-tab-background-color-alternative-hover: var(--penpot-color-background-secondary);--tabs-tab-background-color-default: var(--penpot-color-background-secondary);--tabs-tab-background-color-focus: var(--penpot-color-background-tertiary);--tabs-tab-background-color-hover: var(--penpot-color-background-secondary);--tabs-tab-border-color-active: var(--grey-transparent);--tabs-tab-border-color-alternative: var(--grey-transparent);--tabs-tab-border-color-alternative-active: var(--grey-transparent);--tabs-tab-border-color-alternative-focus: var(--penpot-color-accent-primary-default);--tabs-tab-border-color-alternative-hover: var(--grey-transparent);--tabs-tab-border-color-default: var(--grey-transparent);--tabs-tab-border-color-focus: var(--penpot-color-accent-primary-default);--tabs-tab-border-color-hover: var(--grey-transparent);--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative: var(--size-null);--tabs-tab-border-offset-alternative-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative: var(--size-null);--tabs-tab-border-width-alternative-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xxsmall);--tabs-tab-gap-default: var(--size-pos-xxsmall);--tabs-tab-height-alternative: var(--size-pos-medium);--tabs-tab-height-default: var(--size-pos-medium);--tabs-tab-icon-color-active: var(--penpot-color-accent-primary-default);--tabs-tab-icon-color-alternative: var(--penpot-color-foreground-secondary);--tabs-tab-icon-color-alternative-active: var(--penpot-color-accent-primary-default);--tabs-tab-icon-color-alternative-focus: var(--penpot-color-foreground-primary);--tabs-tab-icon-color-alternative-hover: var(--penpot-color-foreground-primary);--tabs-tab-icon-color-default: var(--penpot-color-foreground-secondary);--tabs-tab-icon-color-focus: var(--penpot-color-foreground-primary);--tabs-tab-icon-color-hover: var(--penpot-color-foreground-primary);--tabs-tab-icon-height-alternative: var(--size-pos-xsmall);--tabs-tab-icon-height-default: var(--size-pos-xsmall);--tabs-tab-icon-width-alternative: var(--size-pos-xsmall);--tabs-tab-icon-width-default: var(--size-pos-xsmall);--tabs-tab-notification-background-color: var(--penpot-color-accent-primary-default);--tabs-tab-notification-border-color-active: var(--penpot-color-background-quaternary);--tabs-tab-notification-border-color-alternative-active: var(--penpot-color-background-quaternary);--tabs-tab-notification-border-color-alternative-focus: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-alternative-hover: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-default: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-focus: var(--penpot-color-background-secondary);--tabs-tab-notification-border-color-hover: var(--penpot-color-background-secondary);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-top: var(--size-pos-xxxsmall);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xmsmall);--tabs-tab-padding-default-right: var(--size-pos-xmsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--size-null);--tabs-tab-radius-default: var(--border-radius-xlarge);--tabs-tab-text-color-active: var(--penpot-color-accent-primary-default);--tabs-tab-text-color-alternative: var(--penpot-color-foreground-secondary);--tabs-tab-text-color-alternative-active: var(--penpot-color-accent-primary-default);--tabs-tab-text-color-alternative-focus: var(--penpot-color-foreground-primary);--tabs-tab-text-color-alternative-hover: var(--penpot-color-foreground-primary);--tabs-tab-text-color-default: var(--penpot-color-foreground-secondary);--tabs-tab-text-color-focus: var(--penpot-color-foreground-primary);--tabs-tab-text-color-hover: var(--penpot-color-foreground-primary);--tabs-tab-text-size-alternative: var(--font-size-small);--tabs-tab-text-size-default: var(--font-size-small);--tabs-tab-text-transform-alternative: uppercase;--tabs-tab-text-transform-default: uppercase;--tabs-tab-text-weight-active: var(--font-weight-medium);--tabs-tab-text-weight-alternative: var(--font-weight-medium);--tabs-tab-text-weight-alternative-active: var(--font-weight-medium);--tabs-tab-text-weight-alternative-focus: var(--font-weight-medium);--tabs-tab-text-weight-alternative-hover: var(--font-weight-medium);--tabs-tab-text-weight-default: var(--font-weight-medium);--tabs-tab-text-weight-focus: var(--font-weight-medium);--tabs-tab-text-weight-hover: var(--font-weight-medium)}:root[data-theme=sketch]{--tabs-background-color-default: var(--sketch-color-background-primary);--tabs-background-color-vertical: var(--sketch-color-background-primary);--tabs-gap-default: var(--size-pos-xxxsmall);--tabs-gap-vertical: var(--size-null);--tabs-padding-default-bottom: var(--size-null);--tabs-padding-default-left: var(--size-null);--tabs-padding-default-right: var(--size-null);--tabs-padding-default-top: var(--size-null);--tabs-padding-vertical-bottom: var(--size-pos-xxsmall);--tabs-padding-vertical-left: var(--size-pos-xxsmall);--tabs-padding-vertical-right: var(--size-pos-xxsmall);--tabs-padding-vertical-top: var(--size-pos-xxsmall);--tabs-radius-default: var(--border-radius-null);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--sketch-color-accent-disabled);--tabs-tab-background-color-alternative: var(--sketch-color-background-primary);--tabs-tab-background-color-alternative-active: var(--sketch-color-accent-disabled);--tabs-tab-background-color-alternative-focus: var(--sketch-color-accent-disabled);--tabs-tab-background-color-alternative-hover: var(--sketch-color-background-secondary);--tabs-tab-background-color-default: var(--sketch-color-background-primary);--tabs-tab-background-color-focus: var(--sketch-color-accent-disabled);--tabs-tab-background-color-hover: var(--sketch-color-background-secondary);--tabs-tab-border-color-active: var(--grey-transparent);--tabs-tab-border-color-alternative: var(--grey-transparent);--tabs-tab-border-color-alternative-active: var(--grey-transparent);--tabs-tab-border-color-alternative-focus: var(--sketch-color-accent-primary);--tabs-tab-border-color-alternative-hover: var(--grey-transparent);--tabs-tab-border-color-default: var(--grey-transparent);--tabs-tab-border-color-focus: var(--sketch-color-accent-primary);--tabs-tab-border-color-hover: var(--grey-transparent);--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative: var(--size-null);--tabs-tab-border-offset-alternative-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative: var(--size-null);--tabs-tab-border-width-alternative-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xunit);--tabs-tab-gap-default: var(--size-pos-xunit);--tabs-tab-height-alternative: var(--size-pos-medium);--tabs-tab-height-default: var(--size-pos-medium);--tabs-tab-icon-color-active: var(--sketch-color-accent-primary);--tabs-tab-icon-color-alternative: var(--sketch-color-foreground-secondary);--tabs-tab-icon-color-alternative-active: var(--sketch-color-accent-primary);--tabs-tab-icon-color-alternative-focus: var(--sketch-color-foreground-primary);--tabs-tab-icon-color-alternative-hover: var(--sketch-color-foreground-primary);--tabs-tab-icon-color-default: var(--sketch-color-foreground-secondary);--tabs-tab-icon-color-focus: var(--sketch-color-foreground-primary);--tabs-tab-icon-color-hover: var(--sketch-color-foreground-primary);--tabs-tab-icon-height-alternative: var(--size-pos-small);--tabs-tab-icon-height-default: var(--size-pos-small);--tabs-tab-icon-width-alternative: var(--size-pos-small);--tabs-tab-icon-width-default: var(--size-pos-small);--tabs-tab-notification-background-color: var(--sketch-color-accent-primary);--tabs-tab-notification-border-color-active: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-alternative-active: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-alternative-focus: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-alternative-hover: var(--sketch-color-background-secondary);--tabs-tab-notification-border-color-default: var(--sketch-color-background-primary);--tabs-tab-notification-border-color-focus: var(--sketch-color-accent-disabled);--tabs-tab-notification-border-color-hover: var(--sketch-color-background-secondary);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-top: var(--size-pos-xxxsmall);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xmsmall);--tabs-tab-padding-default-right: var(--size-pos-xmsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--border-radius-large);--tabs-tab-radius-default: var(--border-radius-large);--tabs-tab-text-color-active: var(--sketch-color-accent-primary);--tabs-tab-text-color-alternative: var(--sketch-color-foreground-secondary);--tabs-tab-text-color-alternative-active: var(--sketch-color-accent-primary);--tabs-tab-text-color-alternative-focus: var(--sketch-color-foreground-primary);--tabs-tab-text-color-alternative-hover: var(--sketch-color-foreground-primary);--tabs-tab-text-color-default: var(--sketch-color-foreground-secondary);--tabs-tab-text-color-focus: var(--sketch-color-foreground-primary);--tabs-tab-text-color-hover: var(--sketch-color-foreground-primary);--tabs-tab-text-size-alternative: var(--font-size-medium);--tabs-tab-text-size-default: var(--font-size-medium);--tabs-tab-text-transform-alternative: none;--tabs-tab-text-transform-default: none;--tabs-tab-text-weight-active: var(--font-weight-normal);--tabs-tab-text-weight-alternative: var(--font-weight-normal);--tabs-tab-text-weight-alternative-active: var(--font-weight-normal);--tabs-tab-text-weight-alternative-focus: var(--font-weight-normal);--tabs-tab-text-weight-alternative-hover: var(--font-weight-normal);--tabs-tab-text-weight-default: var(--font-weight-normal);--tabs-tab-text-weight-focus: var(--font-weight-normal);--tabs-tab-text-weight-hover: var(--font-weight-normal)}:root[data-theme=figma]{--tabs-background-color-default: var(--figma-color-bg-default);--tabs-background-color-vertical: var(--figma-color-bg-default);--tabs-gap-default: var(--size-pos-xxxsmall);--tabs-gap-vertical: var(--size-pos-xxsmall);--tabs-padding-default-bottom: var(--size-null);--tabs-padding-default-left: var(--size-null);--tabs-padding-default-right: var(--size-null);--tabs-padding-default-top: var(--size-null);--tabs-padding-vertical-bottom: var(--size-pos-xxsmall);--tabs-padding-vertical-left: var(--size-pos-xxsmall);--tabs-padding-vertical-right: var(--size-pos-xxsmall);--tabs-padding-vertical-top: var(--size-pos-xxsmall);--tabs-radius-default: var(--size-null);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--figma-color-bg-secondary);--tabs-tab-background-color-alternative: var(--figma-color-bg-default);--tabs-tab-background-color-alternative-active: var(--figma-color-bg-secondary);--tabs-tab-background-color-alternative-focus: var(--figma-color-bg-hover);--tabs-tab-background-color-alternative-hover: var(--figma-color-bg-hover);--tabs-tab-background-color-default: var(--figma-color-bg-default);--tabs-tab-background-color-focus: var(--figma-color-bg-hover);--tabs-tab-background-color-hover: var(--figma-color-bg-hover);--tabs-tab-border-color-active: var(--grey-transparent);--tabs-tab-border-color-alternative: var(--grey-transparent);--tabs-tab-border-color-alternative-active: var(--grey-transparent);--tabs-tab-border-color-alternative-focus: var(--figma-color-border-selected-default);--tabs-tab-border-color-alternative-hover: var(--grey-transparent);--tabs-tab-border-color-default: var(--grey-transparent);--tabs-tab-border-color-focus: var(--figma-color-border-selected-default);--tabs-tab-border-color-hover: var(--grey-transparent);--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative: var(--size-null);--tabs-tab-border-offset-alternative-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative: var(--size-null);--tabs-tab-border-width-alternative-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xunit);--tabs-tab-gap-default: var(--size-pos-xunit);--tabs-tab-height-alternative: var(--size-pos-small);--tabs-tab-height-default: var(--size-pos-small);--tabs-tab-icon-color-active: var(--figma-color-text-default);--tabs-tab-icon-color-alternative: var(--figma-color-text-secondary-default);--tabs-tab-icon-color-alternative-active: var(--figma-color-text-default);--tabs-tab-icon-color-alternative-focus: var(--figma-color-text-default);--tabs-tab-icon-color-alternative-hover: var(--figma-color-text-secondary-default);--tabs-tab-icon-color-default: var(--figma-color-text-secondary-default);--tabs-tab-icon-color-focus: var(--figma-color-text-default);--tabs-tab-icon-color-hover: var(--figma-color-text-secondary-default);--tabs-tab-icon-height-alternative: var(--size-pos-small);--tabs-tab-icon-height-default: var(--size-pos-small);--tabs-tab-icon-width-alternative: var(--size-pos-small);--tabs-tab-icon-width-default: var(--size-pos-small);--tabs-tab-notification-background-color: var(--figma-color-bg-brand-default);--tabs-tab-notification-border-color-active: var(--figma-color-bg-secondary);--tabs-tab-notification-border-color-alternative-active: var(--figma-color-bg-secondary);--tabs-tab-notification-border-color-alternative-focus: var(--figma-color-bg-hover);--tabs-tab-notification-border-color-alternative-hover: var(--figma-color-bg-hover);--tabs-tab-notification-border-color-default: var(--figma-color-bg-default);--tabs-tab-notification-border-color-focus: var(--figma-color-bg-hover);--tabs-tab-notification-border-color-hover: var(--figma-color-bg-hover);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xunit);--tabs-tab-notification-inset-top: var(--size-pos-xunit);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xxsmall);--tabs-tab-padding-default-right: var(--size-pos-xxsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xmsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--border-radius-medium);--tabs-tab-radius-default: var(--border-radius-medium);--tabs-tab-text-color-active: var(--figma-color-text-default);--tabs-tab-text-color-alternative: var(--figma-color-text-secondary-default);--tabs-tab-text-color-alternative-active: var(--figma-color-text-default);--tabs-tab-text-color-alternative-focus: var(--figma-color-text-default);--tabs-tab-text-color-alternative-hover: var(--figma-color-text-secondary-default);--tabs-tab-text-color-default: var(--figma-color-text-secondary-default);--tabs-tab-text-color-focus: var(--figma-color-text-default);--tabs-tab-text-color-hover: var(--figma-color-text-secondary-default);--tabs-tab-text-size-alternative: var(--font-size-xsmall);--tabs-tab-text-size-default: var(--font-size-xsmall);--tabs-tab-text-transform-alternative: none;--tabs-tab-text-transform-default: none;--tabs-tab-text-weight-active: var(--font-weight-bold);--tabs-tab-text-weight-alternative: var(--font-weight-semi);--tabs-tab-text-weight-alternative-active: var(--font-weight-bold);--tabs-tab-text-weight-alternative-focus: var(--font-weight-semi);--tabs-tab-text-weight-alternative-hover: var(--font-weight-semi);--tabs-tab-text-weight-default: var(--font-weight-semi);--tabs-tab-text-weight-focus: var(--font-weight-semi);--tabs-tab-text-weight-hover: var(--font-weight-semi)}:root[data-theme=framer]{--tabs-background-color-default: var(--framer-color-bg-secondary);--tabs-background-color-vertical: var(--framer-color-bg-default);--tabs-gap-default: var(--size-null);--tabs-gap-vertical: var(--size-pos-xxxsmall);--tabs-padding-default-bottom: var(--size-pos-xunit);--tabs-padding-default-left: var(--size-pos-xunit);--tabs-padding-default-right: var(--size-pos-xunit);--tabs-padding-default-top: var(--size-pos-xunit);--tabs-padding-vertical-bottom: var(--size-pos-xsmall);--tabs-padding-vertical-left: var(--size-pos-xsmall);--tabs-padding-vertical-right: var(--size-pos-xsmall);--tabs-padding-vertical-top: var(--size-pos-xsmall);--tabs-radius-default: var(--border-radius-xlarge);--tabs-radius-vertical: var(--size-null);--tabs-tab-background-color-active: var(--framer-color-bg-default);--tabs-tab-background-color-alternative: var(--framer-color-bg-default);--tabs-tab-background-color-alternative-active: var(--framer-color-bg-secondary);--tabs-tab-background-color-alternative-focus: var(--framer-color-bg-default);--tabs-tab-background-color-alternative-hover: var(--framer-color-bg-default);--tabs-tab-background-color-default: var(--grey-transparent);--tabs-tab-background-color-focus: var(--grey-transparent);--tabs-tab-background-color-hover: var(--grey-transparent);--tabs-tab-border-color-active: var(--framer-color-bg-tertiary);--tabs-tab-border-color-alternative: var(--grey-transparent);--tabs-tab-border-color-alternative-active: var(--framer-color-bg-tertiary);--tabs-tab-border-color-alternative-focus: var(--framer-color-tint-default);--tabs-tab-border-color-alternative-hover: var(--grey-transparent);--tabs-tab-border-color-default: var(--grey-transparent);--tabs-tab-border-color-focus: var(--framer-color-tint-default);--tabs-tab-border-color-hover: var(--grey-transparent);--tabs-tab-border-offset-active: var(--size-null);--tabs-tab-border-offset-alternative: var(--size-null);--tabs-tab-border-offset-alternative-active: var(--size-null);--tabs-tab-border-offset-alternative-focus: var(--size-neg-unit);--tabs-tab-border-offset-alternative-hover: var(--size-null);--tabs-tab-border-offset-default: var(--size-null);--tabs-tab-border-offset-focus: var(--size-neg-unit);--tabs-tab-border-offset-hover: var(--size-null);--tabs-tab-border-width-active: var(--size-null);--tabs-tab-border-width-alternative: var(--size-null);--tabs-tab-border-width-alternative-active: var(--size-null);--tabs-tab-border-width-alternative-focus: var(--size-pos-unit);--tabs-tab-border-width-alternative-hover: var(--size-null);--tabs-tab-border-width-default: var(--size-null);--tabs-tab-border-width-focus: var(--size-pos-unit);--tabs-tab-border-width-hover: var(--size-null);--tabs-tab-gap-alternative: var(--size-pos-xunit);--tabs-tab-gap-default: var(--size-pos-xunit);--tabs-tab-height-alternative: var(--size-pos-medium);--tabs-tab-height-default: var(--size-pos-medium);--tabs-tab-icon-color-active: var(--framer-color-text-default);--tabs-tab-icon-color-alternative: var(--framer-color-text-secondary);--tabs-tab-icon-color-alternative-active: var(--framer-color-text-default);--tabs-tab-icon-color-alternative-focus: var(--framer-color-text-secondary);--tabs-tab-icon-color-alternative-hover: var(--framer-color-text-secondary);--tabs-tab-icon-color-default: var(--framer-color-text-secondary);--tabs-tab-icon-color-focus: var(--framer-color-text-secondary);--tabs-tab-icon-color-hover: var(--framer-color-text-secondary);--tabs-tab-icon-height-alternative: var(--size-pos-small);--tabs-tab-icon-height-default: var(--size-pos-small);--tabs-tab-icon-width-alternative: var(--size-pos-small);--tabs-tab-icon-width-default: var(--size-pos-small);--tabs-tab-notification-background-color: var(--framer-color-tint-default);--tabs-tab-notification-border-color-active: var(--framer-color-bg-default);--tabs-tab-notification-border-color-alternative-active: var(--framer-color-bg-secondary);--tabs-tab-notification-border-color-alternative-focus: var(--framer-color-bg-default);--tabs-tab-notification-border-color-alternative-hover: var(--framer-color-bg-default);--tabs-tab-notification-border-color-default: var(--framer-color-bg-secondary);--tabs-tab-notification-border-color-focus: var(--framer-color-bg-secondary);--tabs-tab-notification-border-color-hover: var(--framer-color-bg-secondary);--tabs-tab-notification-border-offset: var(--size-null);--tabs-tab-notification-border-width: var(--size-pos-xunit);--tabs-tab-notification-height: var(--size-pos-xxsmall);--tabs-tab-notification-inset-bottom: auto;--tabs-tab-notification-inset-left: auto;--tabs-tab-notification-inset-right: var(--size-pos-xxxsmall);--tabs-tab-notification-inset-top: var(--size-pos-xxxsmall);--tabs-tab-notification-radius: var(--border-radius-full);--tabs-tab-notification-width: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-bottom: var(--size-null);--tabs-tab-padding-alternative-left: var(--size-pos-small);--tabs-tab-padding-alternative-right: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-top: var(--size-null);--tabs-tab-padding-alternative-with-icon-bottom: var(--size-null);--tabs-tab-padding-alternative-with-icon-left: var(--size-pos-xsmall);--tabs-tab-padding-alternative-with-icon-right: var(--size-pos-xxsmall);--tabs-tab-padding-alternative-with-icon-top: var(--size-null);--tabs-tab-padding-default-bottom: var(--size-null);--tabs-tab-padding-default-left: var(--size-pos-xxxsmall);--tabs-tab-padding-default-right: var(--size-pos-xxxsmall);--tabs-tab-padding-default-top: var(--size-null);--tabs-tab-padding-with-icon-bottom: var(--size-null);--tabs-tab-padding-with-icon-left: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-right: var(--size-pos-xxxsmall);--tabs-tab-padding-with-icon-top: var(--size-null);--tabs-tab-radius-alternative: var(--border-radius-xlarge);--tabs-tab-radius-default: var(--border-radius-large);--tabs-tab-text-color-active: var(--framer-color-text-default);--tabs-tab-text-color-alternative: var(--framer-color-text-secondary);--tabs-tab-text-color-alternative-active: var(--framer-color-text-default);--tabs-tab-text-color-alternative-focus: var(--framer-color-text-secondary);--tabs-tab-text-color-alternative-hover: var(--framer-color-text-secondary);--tabs-tab-text-color-default: var(--framer-color-text-secondary);--tabs-tab-text-color-focus: var(--framer-color-text-secondary);--tabs-tab-text-color-hover: var(--framer-color-text-secondary);--tabs-tab-text-size-alternative: var(--font-size-small);--tabs-tab-text-size-default: var(--font-size-small);--tabs-tab-text-transform-alternative: none;--tabs-tab-text-transform-default: none;--tabs-tab-text-weight-active: var(--font-weight-bold);--tabs-tab-text-weight-alternative: var(--font-weight-medium);--tabs-tab-text-weight-alternative-active: var(--font-weight-medium);--tabs-tab-text-weight-alternative-focus: var(--font-weight-medium);--tabs-tab-text-weight-alternative-hover: var(--font-weight-medium);--tabs-tab-text-weight-default: var(--font-weight-medium);--tabs-tab-text-weight-focus: var(--font-weight-medium);--tabs-tab-text-weight-hover: var(--font-weight-medium)}.tabs{display:flex;align-items:stretch;gap:var(--tabs-gap);cursor:default;border-radius:var(--tabs-radius);background-color:var(--tabs-background-color);padding:var(--tabs-padding);-webkit-user-select:none;user-select:none}.tabs{--tabs-gap: var(--tabs-gap-default);--tabs-radius: var(--tabs-radius-default);--tabs-padding: var(--tabs-padding-default-top) var(--tabs-padding-default-right) var(--tabs-padding-default-bottom) var(--tabs-padding-default-left);--tabs-background-color: var(--tabs-background-color-default)}.tabs .tabs__tab{display:flex;position:relative;justify-content:center;align-items:center;gap:var(--tabs-tab-gap);outline:var(--tabs-tab-border-width) solid var(--tabs-tab-border-color);outline-offset:var(--tabs-tab-border-offset);border-radius:var(--tabs-tab-radius);background-color:var(--tabs-tab-background-color);padding:var(--tabs-tab-padding);height:var(--tabs-tab-height);--icon-width: var(--tabs-tab-icon-width);--icon-height: var(--tabs-tab-icon-height);--icon-picto-color: var(--tabs-tab-icon-color);--icon-letter-color: var(--tabs-tab-icon-color)}.tabs .tabs__tab>span{pointer-events:none;color:var(--tabs-tab-text-color);font-weight:var(--tabs-tab-text-weight);font-size:var(--tabs-tab-text-size);text-transform:var(--tabs-tab-text-transform)}.tabs .tabs__tab--flex{flex:1;overflow:hidden}.tabs .tabs__tab{--tabs-tab-padding: var(--tabs-tab-padding-default-top) var(--tabs-tab-padding-default-right) var(--tabs-tab-padding-default-bottom) var(--tabs-tab-padding-default-left);--tabs-tab-gap: var(--tabs-tab-gap-default);--tabs-tab-radius: var(--tabs-tab-radius-default);--tabs-tab-height: var(--tabs-tab-height-default);--tabs-tab-icon-width: var(--tabs-tab-icon-width-default);--tabs-tab-icon-height: var(--tabs-tab-icon-height-default);--tabs-tab-text-size: var(--tabs-tab-text-size-default);--tabs-tab-text-transform: var(--tabs-tab-text-transform-default)}.tabs .tabs__tab--with-icon{--tabs-tab-padding: var(--tabs-tab-padding-with-icon-top) var(--tabs-tab-padding-with-icon-right) var(--tabs-tab-padding-with-icon-bottom) var(--tabs-tab-padding-with-icon-left)}.tabs .tabs__tab:not(.tabs .tabs__tab--active){--tabs-tab-background-color: var(--tabs-tab-background-color-default);--tabs-tab-border-color: var(--tabs-tab-border-color-default);--tabs-tab-border-width: var(--tabs-tab-border-width-default);--tabs-tab-border-offset: var(--tabs-tab-border-offset-default);--tabs-tab-text-color: var(--tabs-tab-text-color-default);--tabs-tab-text-weight: var(--tabs-tab-text-weight-default);--tabs-tab-icon-color: var(--tabs-tab-icon-color-default);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-default )}.tabs .tabs__tab:hover:not(.tabs .tabs__tab--active){--tabs-tab-background-color: var(--tabs-tab-background-color-hover);--tabs-tab-border-color: var(--tabs-tab-border-color-hover);--tabs-tab-border-width: var(--tabs-tab-border-width-hover);--tabs-tab-border-offset: var(--tabs-tab-border-offset-hover);--tabs-tab-text-color: var(--tabs-tab-text-color-hover);--tabs-tab-text-weight: var(--tabs-tab-text-weight-hover);--tabs-tab-icon-color: var(--tabs-tab-icon-color-hover);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-hover )}.tabs .tabs__tab:focus:not(.tabs .tabs__tab--active){--tabs-tab-background-color: var(--tabs-tab-background-color-focus);--tabs-tab-border-color: var(--tabs-tab-border-color-focus);--tabs-tab-border-width: var(--tabs-tab-border-width-focus);--tabs-tab-border-offset: var(--tabs-tab-border-offset-focus);--tabs-tab-text-color: var(--tabs-tab-text-color-focus);--tabs-tab-text-weight: var(--tabs-tab-text-weight-focus);--tabs-tab-icon-color: var(--tabs-tab-icon-color-focus);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-focus )}.tabs .tabs__tab--active{--tabs-tab-background-color: var(--tabs-tab-background-color-active);--tabs-tab-border-color: var(--tabs-tab-border-color-active);--tabs-tab-border-width: var(--tabs-tab-border-width-active);--tabs-tab-border-offset: var(--tabs-tab-border-offset-active);--tabs-tab-text-color: var(--tabs-tab-text-color-active);--tabs-tab-text-weight: var(--tabs-tab-text-weight-active);--tabs-tab-icon-color: var(--tabs-tab-icon-color-active);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-active )}.tabs .tabs__tab--updated:after{position:absolute;inset:var(--tabs-tab-notification-inset-top) var(--tabs-tab-notification-inset-right) var(--tabs-tab-notification-inset-bottom) var(--tabs-tab-notification-inset-left);outline:var(--tabs-tab-notification-border-width) solid var(--tabs-tab-notification-border-color);outline-offset:var(--tabs-tab-notification-border-offset);border-radius:var(--tabs-tab-notification-radius);background-color:var(--tabs-tab-notification-background-color);width:var(--tabs-tab-notification-width);height:var(--tabs-tab-notification-height);content:""}.tabs--vertical{--tabs-gap: var(--tabs-gap-vertical);--tabs-radius: var(--tabs-radius-vertical);--tabs-padding: var(--tabs-padding-vertical-top) var(--tabs-padding-vertical-right) var(--tabs-padding-vertical-bottom) var(--tabs-padding-vertical-left);--tabs-background-color: var(--tabs-background-color-vertical);flex-direction:column}.tabs--vertical .tabs__tab{justify-content:flex-start}.tabs--vertical .tabs__tab>span{flex:1}.tabs--vertical .tabs__tab{--tabs-tab-gap: var(--tabs-tab-gap-alternative);--tabs-tab-padding: var(--tabs-tab-padding-alternative-top) var(--tabs-tab-padding-alternative-right) var(--tabs-tab-padding-alternative-bottom) var(--tabs-tab-padding-alternative-left);--tabs-tab-radius: var(--tabs-tab-radius-alternative);--tabs-tab-height: var(--tabs-tab-height-alternative);--tabs-tab-text-size: var(--tabs-tab-text-size-alternative);--tabs-tab-text-transform: var(--tabs-tab-text-transform-alternative);--tabs-tab-icon-width: var(--tabs-tab-icon-width-alternative);--tabs-tab-icon-height: var(--tabs-tab-icon-height-alternative)}.tabs--vertical .tabs__tab--with-icon{--tabs-tab-padding: var(--tabs-tab-padding-alternative-with-icon-top) var(--tabs-tab-padding-alternative-with-icon-right) var(--tabs-tab-padding-alternative-with-icon-bottom) var(--tabs-tab-padding-alternative-with-icon-left)}.tabs--vertical .tabs__tab:not(.tabs--vertical .tabs__tab--active){--tabs-tab-background-color: var( --tabs-tab-background-color-alternative );--tabs-tab-border-color: var(--tabs-tab-border-color-alternative);--tabs-tab-border-width: var(--tabs-tab-border-width-alternative);--tabs-tab-border-offset: var(--tabs-tab-border-offset-alternative);--tabs-tab-text-color: var(--tabs-tab-text-color-alternative);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative)}.tabs--vertical .tabs__tab:hover:not(.tabs--vertical .tabs__tab--active){--tabs-tab-background-color: var( --tabs-tab-background-color-alternative-hover );--tabs-tab-border-color: var(--tabs-tab-border-color-alternative-hover);--tabs-tab-border-width: var(--tabs-tab-border-width-alternative-hover);--tabs-tab-border-offset: var( --tabs-tab-border-offset-alternative-hover );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative-hover);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative-hover);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative-hover);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-alternative-hover )}.tabs--vertical .tabs__tab:focus:not(.tabs--vertical .tabs__tab--active){--tabs-tab-background-color: var( --tabs-tab-background-color-alternative-focus );--tabs-tab-border-color: var(--tabs-tab-border-color-alternative-focus);--tabs-tab-border-width: var(--tabs-tab-border-width-alternative-focus);--tabs-tab-border-offset: var( --tabs-tab-border-offset-alternative-focus );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative-focus);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative-focus);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative-focus);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-alternative-focus )}.tabs--vertical .tabs__tab--active{--tabs-tab-background-color: var( --tabs-tab-background-color-alternative-active );--tabs-tab-border-color: var( --tabs-tab-border-color-alternative-active );--tabs-tab-border-width: var( --tabs-tab-border-width-alternative-active );--tabs-tab-border-offset: var( --tabs-tab-border-offset-alternative-active );--tabs-tab-text-color: var(--tabs-tab-text-color-alternative-active);--tabs-tab-text-weight: var(--tabs-tab-text-weight-alternative-active);--tabs-tab-icon-color: var(--tabs-tab-icon-color-alternative-active);--tabs-tab-notification-border-color: var( --tabs-tab-notification-border-color-alternative-active )}
package/dist/assets/Thumbnail.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=penpot]{--thumbnail-background-color: var(--penpot-color-background-tertiary);--thumbnail-border-color: var(--penpot-color-background-quaternary);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-xlarge);--thumbnail-width: var(--size-pos-medium)}:root[data-theme=sketch]{--thumbnail-background-color: var(--sketch-color-background-secondary);--thumbnail-border-color: var(--sketch-color-border-primary);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-large);--thumbnail-width: var(--size-pos-medium)}:root[data-theme=figma]{--thumbnail-background-color: var(--figma-color-bg-secondary);--thumbnail-border-color: var(--figma-color-border-disabled);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-medium);--thumbnail-width: var(--size-pos-medium)}:root[data-theme=framer]{--thumbnail-background-color: var(--framer-color-bg-secondary);--thumbnail-border-color: var(--framer-color-divider);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-xlarge);--thumbnail-width: var(--size-pos-medium)}.thumbnail{display:flex;outline:var(--thumbnail-border-width) solid var(--thumbnail-border-color);outline-offset:var(--thumbnail-border-offset);border-radius:var(--thumbnail-radius);background:var(--thumbnail-background-color);height:100%}.thumbnail .thumbnail__image{margin:auto;max-width:calc(100% - var(--thumbnail-padding));max-height:calc(100% - var(--thumbnail-padding))}.thumbnail .thumbnail__error,.thumbnail .thumbnail__loader{margin:auto}
1
+ @charset "UTF-8";:root[data-theme=penpot]{--thumbnail-background-color: var(--penpot-color-background-tertiary);--thumbnail-border-color: var(--penpot-color-background-quaternary);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-xlarge);--thumbnail-width: var(--size-pos-medium)}:root[data-theme=sketch]{--thumbnail-background-color: var(--sketch-color-background-secondary);--thumbnail-border-color: var(--sketch-color-border-primary);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-large);--thumbnail-width: var(--size-pos-medium)}:root[data-theme=figma]{--thumbnail-background-color: var(--figma-color-bg-secondary);--thumbnail-border-color: var(--figma-color-border-disabled-default);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-medium);--thumbnail-width: var(--size-pos-medium)}:root[data-theme=framer]{--thumbnail-background-color: var(--framer-color-bg-secondary);--thumbnail-border-color: var(--framer-color-divider);--thumbnail-border-offset: var(--size-neg-unit);--thumbnail-border-width: var(--size-pos-unit);--thumbnail-height: var(--size-pos-medium);--thumbnail-padding: var(--size-pos-xsmall);--thumbnail-radius: var(--border-radius-xlarge);--thumbnail-width: var(--size-pos-medium)}.thumbnail{display:flex;outline:var(--thumbnail-border-width) solid var(--thumbnail-border-color);outline-offset:var(--thumbnail-border-offset);border-radius:var(--thumbnail-radius);background:var(--thumbnail-background-color);height:100%}.thumbnail .thumbnail__image{margin:auto;max-width:calc(100% - var(--thumbnail-padding));max-height:calc(100% - var(--thumbnail-padding))}.thumbnail .thumbnail__error,.thumbnail .thumbnail__loader{margin:auto}
package/dist/assets/Tooltip.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=penpot]{--tooltip-arrow-background-color: var(--penpot-color-background-primary);--tooltip-arrow-border-color: var(--penpot-color-accent-primary-muted);--tooltip-arrow-border-width: var(--size-pos-unit);--tooltip-arrow-radius: var(--size-pos-xxxsmall);--tooltip-arrow-size: var(--size-pos-xmsmall);--tooltip-background-color: var(--penpot-color-background-primary);--tooltip-border-color: var(--penpot-color-accent-primary-muted);--tooltip-border-offset: var(--size-neg-unit);--tooltip-border-width: var(--size-pos-unit);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: 96px;--tooltip-image-radius: var(--border-radius-medium);--tooltip-image-width: 96px;--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xxsmall);--tooltip-padding-left: var(--size-pos-xmsmall);--tooltip-padding-right: var(--size-pos-xmsmall);--tooltip-padding-top: var(--size-pos-xxsmall);--tooltip-radius: var(--border-radius-medium);--tooltip-shadow: none;--tooltip-text-color: var(--penpot-color-foreground-primary);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xxxsmall);--tooltip-with-image-padding-left: var(--size-pos-xxxsmall);--tooltip-with-image-padding-right: var(--size-pos-xxsmall);--tooltip-with-image-padding-top: var(--size-pos-xxxsmall)}:root[data-theme=sketch]{--tooltip-arrow-background-color: transparent;--tooltip-arrow-border-color: transparent;--tooltip-arrow-border-width: var(--size-null);--tooltip-arrow-radius: var(--border-radius-null);--tooltip-arrow-size: var(--size-pos-xxsmall);--tooltip-background-color: var(--sketch-color-background-primary);--tooltip-border-color: transparent;--tooltip-border-offset: var(--size-null);--tooltip-border-width: var(--size-null);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: 96px;--tooltip-image-radius: var(--border-radius-medium);--tooltip-image-width: 96px;--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xmsmall);--tooltip-padding-left: var(--size-pos-xxsmall);--tooltip-padding-right: var(--size-pos-xxsmall);--tooltip-padding-top: var(--size-pos-xmsmall);--tooltip-radius: var(--border-radius-xlarge);--tooltip-shadow: var(--elevation-300-tooltip);--tooltip-text-color: var(--sketch-color-foreground-primary);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xxxsmall);--tooltip-with-image-padding-left: var(--size-pos-xxxsmall);--tooltip-with-image-padding-right: var(--size-pos-xxsmall);--tooltip-with-image-padding-top: var(--size-pos-xxxsmall)}:root[data-theme=figma]{--tooltip-arrow-background-color: var(--grey-1000);--tooltip-arrow-border-color: var(--grey-900);--tooltip-arrow-border-width: var(--size-pos-unit);--tooltip-arrow-radius: var(--border-radius-null);--tooltip-arrow-size: var(--size-pos-xxsmall);--tooltip-background-color: var(--grey-1000);--tooltip-border-color: transparent;--tooltip-border-offset: var(--size-null);--tooltip-border-width: var(--size-null);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: 96px;--tooltip-image-radius: var(--border-radius-medium);--tooltip-image-width: 96px;--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xxxsmall);--tooltip-padding-left: var(--size-pos-xxsmall);--tooltip-padding-right: var(--size-pos-xxsmall);--tooltip-padding-top: var(--size-pos-xxxsmall);--tooltip-radius: var(--border-radius-medium);--tooltip-shadow: var(--elevation-300-tooltip);--tooltip-text-color: var(--grey-0);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xxxsmall);--tooltip-with-image-padding-left: var(--size-pos-xxxsmall);--tooltip-with-image-padding-right: var(--size-pos-xxsmall);--tooltip-with-image-padding-top: var(--size-pos-xxxsmall)}:root[data-theme=framer]{--tooltip-arrow-background-color: var(--framer-color-bg);--tooltip-arrow-border-color: var(--framer-color-divider);--tooltip-arrow-border-width: var(--size-pos-unit);--tooltip-arrow-radius: var(--border-radius-null);--tooltip-arrow-size: var(--size-pos-xsmall);--tooltip-background-color: var(--framer-color-bg);--tooltip-border-color: transparent;--tooltip-border-offset: var(--size-null);--tooltip-border-width: var(--size-null);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: 96px;--tooltip-image-radius: var(--border-radius-xlarge);--tooltip-image-width: 96px;--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xsmall);--tooltip-padding-left: var(--size-pos-xsmall);--tooltip-padding-right: var(--size-pos-xsmall);--tooltip-padding-top: var(--size-pos-xsmall);--tooltip-radius: var(--border-radius-xlarge);--tooltip-shadow: var(--elevation-300-tooltip);--tooltip-text-color: var(--framer-color-text);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xsmall);--tooltip-with-image-padding-left: var(--size-pos-xsmall);--tooltip-with-image-padding-right: var(--size-pos-xsmall);--tooltip-with-image-padding-top: var(--size-pos-xsmall)}.tooltip{position:absolute;left:50%;transform:translate(-50%) translateY(0);z-index:3;width:auto;min-width:var(--tooltip-min-width);max-width:var(--tooltip-max-width);pointer-events:none;-webkit-user-select:none;user-select:none}.tooltip:after{position:absolute;left:calc(50% - var(--tooltip-arrow-size));border-width:var(--tooltip-arrow-size);border-style:solid;width:0;height:0;content:""}.tooltip.tooltip--top{bottom:calc(100% + var(--tooltip-arrow-size))}.tooltip.tooltip--top:after{bottom:0;left:50%;transform:translate(-50%) translateY(50%) rotate(45deg);transform-origin:50% 50%;border-top:transparent;border-right:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-bottom:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-left:transparent;border-radius:var(--tooltip-arrow-radius);background-color:var(--tooltip-arrow-background-color);width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size)}.tooltip.tooltip--bottom{top:calc(100% + var(--tooltip-arrow-size))}.tooltip.tooltip--bottom:after{top:1px;left:50%;transform:translate(-50%) translateY(-50%) rotate(45deg);transform-origin:50% 50%;border-top:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-right:transparent;border-bottom:transparent;border-left:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-radius:var(--tooltip-arrow-radius);background-color:var(--tooltip-arrow-background-color);width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size)}.tooltip__block{display:flex;justify-content:center;gap:var(--tooltip-gap);outline:var(--tooltip-border-width) solid var(--tooltip-border-color);outline-offset:var(--tooltip-border-offset);box-shadow:var(--tooltip-shadow);border-radius:var(--tooltip-radius);background-color:var(--tooltip-background-color);padding:var(--tooltip-padding-top) var(--tooltip-padding-right) var(--tooltip-padding-bottom) var(--tooltip-padding-left)}.tooltip__snack{display:flex;flex:1;align-items:center;gap:var(--tooltip-gap)}.tooltip__text{--text-color-primary: var(--tooltip-text-color);text-align:left}.tooltip__image{border-radius:var(--tooltip-image-radius);width:var(--tooltip-image-width);height:var(--tooltip-image-height)}.tooltip--singleline{min-width:unset;max-width:unset}.tooltip--singleline .tooltip__text{text-align:center;text-transform:var(--tooltip-text-transform);white-space:nowrap}.tooltip--withimage{--tooltip-min-width: var(--tooltip-with-image-min-width)}.tooltip--withimage .tooltip__block{padding:var(--tooltip-with-image-padding-top) var(--tooltip-with-image-padding-right) var(--tooltip-with-image-padding-bottom) var(--tooltip-with-image-padding-left)}.tooltip--withimage .tooltip__text{text-align:left;text-transform:var(--tooltip-text-transform)}
1
+ @charset "UTF-8";:root[data-theme=penpot]{--tooltip-arrow-background-color: var(--penpot-color-background-primary);--tooltip-arrow-border-color: var(--penpot-color-accent-primary-muted);--tooltip-arrow-border-width: var(--size-pos-unit);--tooltip-arrow-radius: var(--size-pos-xxxsmall);--tooltip-arrow-size: var(--size-pos-xmsmall);--tooltip-background-color: var(--penpot-color-background-primary);--tooltip-border-color: var(--penpot-color-accent-primary-muted);--tooltip-border-offset: var(--size-neg-unit);--tooltip-border-width: var(--size-pos-unit);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: var(--size-pos-huge);--tooltip-image-radius: var(--border-radius-medium);--tooltip-image-width: var(--size-pos-huge);--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xxsmall);--tooltip-padding-left: var(--size-pos-xmsmall);--tooltip-padding-right: var(--size-pos-xmsmall);--tooltip-padding-top: var(--size-pos-xxsmall);--tooltip-radius: var(--border-radius-medium);--tooltip-shadow: none;--tooltip-text-color: var(--penpot-color-foreground-primary);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xxxsmall);--tooltip-with-image-padding-left: var(--size-pos-xxxsmall);--tooltip-with-image-padding-right: var(--size-pos-xxsmall);--tooltip-with-image-padding-top: var(--size-pos-xxxsmall)}:root[data-theme=sketch]{--tooltip-arrow-background-color: var(--grey-transparent);--tooltip-arrow-border-color: var(--grey-transparent);--tooltip-arrow-border-width: var(--size-null);--tooltip-arrow-radius: var(--border-radius-null);--tooltip-arrow-size: var(--size-pos-xxsmall);--tooltip-background-color: var(--sketch-color-background-primary);--tooltip-border-color: var(--grey-transparent);--tooltip-border-offset: var(--size-null);--tooltip-border-width: var(--size-null);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: var(--size-pos-huge);--tooltip-image-radius: var(--border-radius-medium);--tooltip-image-width: var(--size-pos-huge);--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xmsmall);--tooltip-padding-left: var(--size-pos-xxsmall);--tooltip-padding-right: var(--size-pos-xxsmall);--tooltip-padding-top: var(--size-pos-xmsmall);--tooltip-radius: var(--border-radius-xlarge);--tooltip-shadow: var(--elevation-300-tooltip);--tooltip-text-color: var(--sketch-color-foreground-primary);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xxxsmall);--tooltip-with-image-padding-left: var(--size-pos-xxxsmall);--tooltip-with-image-padding-right: var(--size-pos-xxsmall);--tooltip-with-image-padding-top: var(--size-pos-xxxsmall)}:root[data-theme=figma]{--tooltip-arrow-background-color: var(--grey-1000);--tooltip-arrow-border-color: var(--grey-900);--tooltip-arrow-border-width: var(--size-pos-unit);--tooltip-arrow-radius: var(--border-radius-null);--tooltip-arrow-size: var(--size-pos-xxsmall);--tooltip-background-color: var(--grey-1000);--tooltip-border-color: var(--grey-transparent);--tooltip-border-offset: var(--size-null);--tooltip-border-width: var(--size-null);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: var(--size-pos-huge);--tooltip-image-radius: var(--border-radius-medium);--tooltip-image-width: var(--size-pos-huge);--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xxxsmall);--tooltip-padding-left: var(--size-pos-xxsmall);--tooltip-padding-right: var(--size-pos-xxsmall);--tooltip-padding-top: var(--size-pos-xxxsmall);--tooltip-radius: var(--border-radius-medium);--tooltip-shadow: var(--elevation-300-tooltip);--tooltip-text-color: var(--grey-0);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xxxsmall);--tooltip-with-image-padding-left: var(--size-pos-xxxsmall);--tooltip-with-image-padding-right: var(--size-pos-xxsmall);--tooltip-with-image-padding-top: var(--size-pos-xxxsmall)}:root[data-theme=framer]{--tooltip-arrow-background-color: var(--framer-color-bg-default);--tooltip-arrow-border-color: var(--framer-color-divider);--tooltip-arrow-border-width: var(--size-pos-unit);--tooltip-arrow-radius: var(--border-radius-null);--tooltip-arrow-size: var(--size-pos-xsmall);--tooltip-background-color: var(--framer-color-bg-default);--tooltip-border-color: var(--grey-transparent);--tooltip-border-offset: var(--size-null);--tooltip-border-width: var(--size-null);--tooltip-gap: var(--size-pos-xxsmall);--tooltip-image-height: var(--size-pos-huge);--tooltip-image-radius: var(--border-radius-xlarge);--tooltip-image-width: var(--size-pos-huge);--tooltip-max-width: 248px;--tooltip-min-width: 200px;--tooltip-padding-bottom: var(--size-pos-xsmall);--tooltip-padding-left: var(--size-pos-xsmall);--tooltip-padding-right: var(--size-pos-xsmall);--tooltip-padding-top: var(--size-pos-xsmall);--tooltip-radius: var(--border-radius-xlarge);--tooltip-shadow: var(--elevation-300-tooltip);--tooltip-text-color: var(--framer-color-text-default);--tooltip-text-transform: none;--tooltip-with-image-min-width: 248px;--tooltip-with-image-padding-bottom: var(--size-pos-xsmall);--tooltip-with-image-padding-left: var(--size-pos-xsmall);--tooltip-with-image-padding-right: var(--size-pos-xsmall);--tooltip-with-image-padding-top: var(--size-pos-xsmall)}.tooltip{position:absolute;left:50%;transform:translate(-50%) translateY(0);z-index:3;width:auto;min-width:var(--tooltip-min-width);max-width:var(--tooltip-max-width);pointer-events:none;-webkit-user-select:none;user-select:none}.tooltip:after{position:absolute;left:calc(50% - var(--tooltip-arrow-size));border-width:var(--tooltip-arrow-size);border-style:solid;width:0;height:0;content:""}.tooltip.tooltip--top{bottom:calc(100% + var(--tooltip-arrow-size))}.tooltip.tooltip--top:after{bottom:0;left:50%;transform:translate(-50%) translateY(50%) rotate(45deg);transform-origin:50% 50%;border-top:transparent;border-right:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-bottom:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-left:transparent;border-radius:var(--tooltip-arrow-radius);background-color:var(--tooltip-arrow-background-color);width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size)}.tooltip.tooltip--bottom{top:calc(100% + var(--tooltip-arrow-size))}.tooltip.tooltip--bottom:after{top:1px;left:50%;transform:translate(-50%) translateY(-50%) rotate(45deg);transform-origin:50% 50%;border-top:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-right:transparent;border-bottom:transparent;border-left:var(--tooltip-arrow-border-width) solid var(--tooltip-arrow-border-color);border-radius:var(--tooltip-arrow-radius);background-color:var(--tooltip-arrow-background-color);width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size)}.tooltip__block{display:flex;justify-content:center;gap:var(--tooltip-gap);outline:var(--tooltip-border-width) solid var(--tooltip-border-color);outline-offset:var(--tooltip-border-offset);box-shadow:var(--tooltip-shadow);border-radius:var(--tooltip-radius);background-color:var(--tooltip-background-color);padding:var(--tooltip-padding-top) var(--tooltip-padding-right) var(--tooltip-padding-bottom) var(--tooltip-padding-left)}.tooltip__snack{display:flex;flex:1;align-items:center;gap:var(--tooltip-gap)}.tooltip__text{--text-color-primary: var(--tooltip-text-color);text-align:left}.tooltip__image{border-radius:var(--tooltip-image-radius);width:var(--tooltip-image-width);height:var(--tooltip-image-height)}.tooltip--singleline{min-width:unset;max-width:unset}.tooltip--singleline .tooltip__text{text-align:center;text-transform:var(--tooltip-text-transform);white-space:nowrap}.tooltip--withimage{--tooltip-min-width: var(--tooltip-with-image-min-width)}.tooltip--withimage .tooltip__block{padding:var(--tooltip-with-image-padding-top) var(--tooltip-with-image-padding-right) var(--tooltip-with-image-padding-bottom) var(--tooltip-with-image-padding-left)}.tooltip--withimage .tooltip__text{text-align:left;text-transform:var(--tooltip-text-transform)}
package/dist/assets/styles/texts/styles/figma.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=figma]{--text-color-inverse: var(--figma-color-text-oninverse);--text-color-primary: var(--figma-color-text);--text-color-secondary: var(--figma-color-text-secondary);--text-color-tertiary: var(--figma-color-text-tertiary);--text-color-success: var(--figma-color-text-success);--text-color-warning: var(--figma-color-text-warning);--text-color-alert: var(--figma-color-text-danger);--text-default-font-size: var(--font-size-xsmall);--text-default-font-weight: var(--font-weight-medium);--text-default-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-default-line-height: var(--font-line-height-default);--text-font-family: var(--font-stack);--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-color: var(--figma-color-text-tertiary);--text-label-font-size: var(--font-size-xsmall);--text-label-font-weight: var(--font-weight-normal);--text-label-gap: var(--size-pos-xxxsmall);--text-label-height: var(--size-pos-medium);--text-label-letter-spacing: var(--font-letter-spacing-pos-large);--text-label-line-height: var(--font-line-height-default);--text-label-padding-bottom: var(--size-null);--text-label-padding-left: var(--size-pos-xxsmall);--text-label-padding-right: var(--size-pos-xxxsmall);--text-label-padding-top: var(--size-null);--text-large-font-size: var(--font-size-medium);--text-large-font-weight: var(--font-weight-medium);--text-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-large-line-height: var(--font-line-height-large);--text-link-border-focus: none;--text-link-color: var(--figma-color-text-brand);--text-link-decoration: none;--text-link-decoration-focus: underline;--text-small-font-size: var(--font-size-small);--text-small-font-weight: var(--font-weight-medium);--text-small-letter-spacing: var(--font-letter-spacing-pos-large);--text-small-line-height: var(--font-line-height-default);--text-xlarge-font-size: var(--font-size-large);--text-xlarge-font-weight: var(--font-weight-medium);--text-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-xlarge-line-height: var(--font-line-height-large)}
1
+ @charset "UTF-8";:root[data-theme=figma]{--text-color-alert: var(--figma-color-text-danger-default);--text-color-inverse: var(--figma-color-text-oninverse);--text-color-primary: var(--figma-color-text-default);--text-color-secondary: var(--figma-color-text-secondary-default);--text-color-success: var(--figma-color-text-success-default);--text-color-tertiary: var(--figma-color-text-tertiary-default);--text-color-warning: var(--figma-color-text-warning-default);--text-default-font-family: var(--text-styles-default-font-family);--text-default-font-size: var(--text-styles-default-font-size);--text-default-font-weight: var(--text-styles-default-font-weight);--text-default-line-height: var(--text-styles-default-line-height);--text-default-letter-spacing: var(--text-styles-default-letter-spacing);--text-default: var(--text-default-font-weight) var(--text-default-font-size)/var(--text-default-line-height) var(--text-default-font-family);--text-font-family: "Inter";--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-font-family: var(--text-styles-default-font-family);--text-label-font-size: var(--text-styles-default-font-size);--text-label-font-weight: var(--text-styles-default-font-weight);--text-label-line-height: var(--text-styles-default-line-height);--text-label-letter-spacing: var(--text-styles-default-letter-spacing);--text-label: var(--text-label-font-weight) var(--text-label-font-size)/var(--text-label-line-height) var(--text-label-font-family);--text-large-font-family: var(--text-styles-large-font-family);--text-large-font-size: var(--text-styles-large-font-size);--text-large-font-weight: var(--text-styles-large-font-weight);--text-large-line-height: var(--text-styles-large-line-height);--text-large-letter-spacing: var(--text-styles-large-letter-spacing);--text-large: var(--text-large-font-weight) var(--text-large-font-size)/var(--text-large-line-height) var(--text-large-font-family);--text-link-font-family: var(--text-styles-default-font-family);--text-link-font-size: var(--text-styles-default-font-size);--text-link-font-weight: var(--text-styles-default-font-weight);--text-link-line-height: var(--text-styles-default-line-height);--text-link-letter-spacing: var(--text-styles-default-letter-spacing);--text-link-text-decoration: underline;--text-link: var(--text-link-font-weight) var(--text-link-font-size)/var(--text-link-line-height) var(--text-link-font-family);--text-small-font-family: var(--text-styles-small-font-family);--text-small-font-size: var(--text-styles-small-font-size);--text-small-font-weight: var(--text-styles-small-font-weight);--text-small-line-height: var(--text-styles-small-line-height);--text-small-letter-spacing: var(--text-styles-small-letter-spacing);--text-small: var(--text-small-font-weight) var(--text-small-font-size)/var(--text-small-line-height) var(--text-small-font-family);--text-styles-default-font-family: var(--text-font-family);--text-styles-default-font-size: var(--font-size-xsmall);--text-styles-default-font-weight: var(--font-weight-medium);--text-styles-default-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-styles-default-line-height: var(--font-line-height-default);--text-styles-label-color: var(--figma-color-text-tertiary-default);--text-styles-label-gap: var(--size-pos-xxxsmall);--text-styles-label-height: var(--size-pos-medium);--text-styles-label-padding-bottom: var(--size-null);--text-styles-label-padding-left: var(--size-pos-xxsmall);--text-styles-label-padding-right: var(--size-pos-xxxsmall);--text-styles-label-padding-top: var(--size-null);--text-styles-large-font-family: var(--text-font-family);--text-styles-large-font-size: var(--font-size-medium);--text-styles-large-font-weight: var(--font-weight-medium);--text-styles-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-styles-large-line-height: var(--font-line-height-large);--text-styles-link-border-focus: none;--text-styles-link-color: var(--figma-color-text-brand-default);--text-styles-link-decoration: none;--text-styles-link-decoration-focus: underline;--text-styles-small-font-family: var(--text-font-family);--text-styles-small-font-size: var(--font-size-small);--text-styles-small-font-weight: var(--font-weight-medium);--text-styles-small-letter-spacing: var(--font-letter-spacing-pos-large);--text-styles-small-line-height: var(--font-line-height-default);--text-styles-xlarge-font-family: var(--text-font-family);--text-styles-xlarge-font-size: var(--font-size-large);--text-styles-xlarge-font-weight: var(--font-weight-medium);--text-styles-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-styles-xlarge-line-height: var(--font-line-height-large);--text-xlarge-font-family: var(--text-styles-xlarge-font-family);--text-xlarge-font-size: var(--text-styles-xlarge-font-size);--text-xlarge-font-weight: var(--text-styles-xlarge-font-weight);--text-xlarge-line-height: var(--text-styles-xlarge-line-height);--text-xlarge-letter-spacing: var(--text-styles-xlarge-letter-spacing);--text-xlarge: var(--text-xlarge-font-weight) var(--text-xlarge-font-size)/var(--text-xlarge-line-height) var(--text-xlarge-font-family)}
package/dist/assets/styles/texts/styles/framer.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=framer]{--text-color-inverse: var(--framer-color-bg);--text-color-primary: var(--framer-color-text);--text-color-secondary: var(--framer-color-text-secondary);--text-color-tertiary: var(--framer-color-text-tertiary);--text-color-success: var(--framer-color-success);--text-color-warning: var(--framer-color-warning);--text-color-alert: var(--framer-color-destructive);--text-default-font-size: var(--font-size-small);--text-default-font-weight: var(--font-weight-medium);--text-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-default-line-height: var(--font-line-height-default);--text-font-family: var(--font-stack);--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-color: var(--framer-color-text-tertiary);--text-label-font-size: var(--font-size-xsmall);--text-label-font-weight: var(--font-weight-normal);--text-label-gap: var(--size-pos-xxxsmall);--text-label-height: var(--size-pos-medium);--text-label-letter-spacing: var(--font-letter-spacing-pos-large);--text-label-line-height: var(--font-line-height-default);--text-label-padding-bottom: var(--size-null);--text-label-padding-left: var(--size-pos-xxsmall);--text-label-padding-right: var(--size-pos-xxxsmall);--text-label-padding-top: var(--size-null);--text-large-font-size: var(--font-size-medium);--text-large-font-weight: var(--font-weight-semi);--text-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-large-line-height: var(--font-line-height-large);--text-link-border-focus: none;--text-link-color: var(--framer-color-tint-dark);--text-link-decoration: none;--text-link-decoration-focus: underline;--text-small-font-size: var(--font-size-xsmall);--text-small-font-weight: var(--font-weight-medium);--text-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-small-line-height: var(--font-line-height-default);--text-xlarge-font-size: var(--font-size-large);--text-xlarge-font-weight: var(--font-weight-bold);--text-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-xlarge-line-height: var(--font-line-height-large)}
1
+ @charset "UTF-8";:root[data-theme=framer]{--text-color-alert: var(--framer-color-destructive-default);--text-color-inverse: var(--framer-color-bg-default);--text-color-primary: var(--framer-color-text-default);--text-color-secondary: var(--framer-color-text-secondary);--text-color-success: var(--framer-color-success-default);--text-color-tertiary: var(--framer-color-text-tertiary);--text-color-warning: var(--framer-color-warning-default);--text-default-font-family: var(--text-styles-default-font-family);--text-default-font-size: var(--text-styles-default-font-size);--text-default-font-weight: var(--text-styles-default-font-weight);--text-default-line-height: var(--text-styles-default-line-height);--text-default-letter-spacing: var(--text-styles-default-letter-spacing);--text-default: var(--text-default-font-weight) var(--text-default-font-size)/var(--text-default-line-height) var(--text-default-font-family);--text-font-family: "Inter";--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-font-family: var(--text-styles-default-font-family);--text-label-font-size: var(--text-styles-default-font-size);--text-label-font-weight: var(--text-styles-default-font-weight);--text-label-line-height: var(--text-styles-default-line-height);--text-label-letter-spacing: var(--text-styles-default-letter-spacing);--text-label: var(--text-label-font-weight) var(--text-label-font-size)/var(--text-label-line-height) var(--text-label-font-family);--text-large-font-family: var(--text-styles-large-font-family);--text-large-font-size: var(--text-styles-large-font-size);--text-large-font-weight: var(--text-styles-large-font-weight);--text-large-line-height: var(--text-styles-large-line-height);--text-large-letter-spacing: var(--text-styles-large-letter-spacing);--text-large: var(--text-large-font-weight) var(--text-large-font-size)/var(--text-large-line-height) var(--text-large-font-family);--text-link-font-family: var(--text-styles-default-font-family);--text-link-font-size: var(--text-styles-default-font-size);--text-link-font-weight: var(--text-styles-default-font-weight);--text-link-line-height: var(--text-styles-default-line-height);--text-link-letter-spacing: var(--text-styles-default-letter-spacing);--text-link: var(--text-link-font-weight) var(--text-link-font-size)/var(--text-link-line-height) var(--text-link-font-family);--text-small-font-family: var(--text-styles-small-font-family);--text-small-font-size: var(--text-styles-small-font-size);--text-small-font-weight: var(--text-styles-small-font-weight);--text-small-line-height: var(--text-styles-small-line-height);--text-small-letter-spacing: var(--text-styles-small-letter-spacing);--text-small: var(--text-small-font-weight) var(--text-small-font-size)/var(--text-small-line-height) var(--text-small-font-family);--text-styles-default-font-family: var(--text-font-family);--text-styles-default-font-size: var(--font-size-small);--text-styles-default-font-weight: var(--font-weight-medium);--text-styles-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-styles-default-line-height: var(--font-line-height-default);--text-styles-label-color: var(--framer-color-text-tertiary);--text-styles-label-gap: var(--size-pos-xxxsmall);--text-styles-label-height: var(--size-pos-medium);--text-styles-label-padding-bottom: var(--size-null);--text-styles-label-padding-left: var(--size-pos-xxsmall);--text-styles-label-padding-right: var(--size-pos-xxxsmall);--text-styles-label-padding-top: var(--size-null);--text-styles-large-font-family: var(--text-font-family);--text-styles-large-font-size: var(--font-size-medium);--text-styles-large-font-weight: var(--font-weight-semi);--text-styles-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-styles-large-line-height: var(--font-line-height-large);--text-styles-link-border-focus: none;--text-styles-link-color: var(--framer-color-tint-dark);--text-styles-link-decoration: none;--text-styles-link-decoration-focus: underline;--text-styles-small-font-family: var(--text-font-family);--text-styles-small-font-size: var(--font-size-xsmall);--text-styles-small-font-weight: var(--font-weight-medium);--text-styles-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-styles-small-line-height: var(--font-line-height-default);--text-styles-xlarge-font-family: var(--text-font-family);--text-styles-xlarge-font-size: var(--font-size-large);--text-styles-xlarge-font-weight: var(--font-weight-bold);--text-styles-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-styles-xlarge-line-height: var(--font-line-height-large);--text-xlarge-font-family: var(--text-styles-xlarge-font-family);--text-xlarge-font-size: var(--text-styles-xlarge-font-size);--text-xlarge-font-weight: var(--text-styles-xlarge-font-weight);--text-xlarge-line-height: var(--text-styles-xlarge-line-height);--text-xlarge-letter-spacing: var(--text-styles-xlarge-letter-spacing);--text-xlarge: var(--text-xlarge-font-weight) var(--text-xlarge-font-size)/var(--text-xlarge-line-height) var(--text-xlarge-font-family)}
package/dist/assets/styles/texts/styles/penpot.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=penpot]{--text-color-inverse: var(--penpot-color-background-primary);--text-color-primary: var(--penpot-color-foreground-primary);--text-color-secondary: var(--penpot-color-foreground-secondary);--text-color-tertiary: var(--penpot-color-foreground-disabled);--text-color-success: var(--penpot-color-accent-success);--text-color-warning: var(--penpot-color-accent-warning);--text-color-alert: var(--penpot-color-accent-error);--text-default-font-size: var(--font-size-small);--text-default-font-weight: var(--font-weight-medium);--text-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-default-line-height: var(--font-line-height-default);--text-font-family: var(--font-stack);--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-color: var(--penpot-color-foreground-secondary);--text-label-font-size: var(--font-size-xsmall);--text-label-font-weight: var(--font-weight-normal);--text-label-gap: var(--size-pos-xxxsmall);--text-label-height: var(--size-pos-medium);--text-label-letter-spacing: var(--font-letter-spacing-pos-small);--text-label-line-height: var(--font-line-height-default);--text-label-padding-bottom: var(--size-null);--text-label-padding-left: var(--size-pos-xxsmall);--text-label-padding-right: var(--size-pos-xxxsmall);--text-label-padding-top: var(--size-null);--text-large-font-size: var(--font-size-medium);--text-large-font-weight: var(--font-weight-medium);--text-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-large-line-height: var(--font-line-height-large);--text-link-border-focus: none;--text-link-color: var(--penpot-color-accent-primary);--text-link-decoration: none;--text-link-decoration-focus: underline;--text-small-font-size: var(--font-size-xsmall);--text-small-font-weight: var(--font-weight-medium);--text-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-small-line-height: var(--font-line-height-default);--text-xlarge-font-size: var(--font-size-large);--text-xlarge-font-weight: var(--font-weight-medium);--text-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-xlarge-line-height: var(--font-line-height-large)}
1
+ @charset "UTF-8";:root[data-theme=penpot]{--text-color-alert: var(--penpot-color-accent-error);--text-color-inverse: var(--penpot-color-background-primary);--text-color-primary: var(--penpot-color-foreground-primary);--text-color-secondary: var(--penpot-color-foreground-secondary);--text-color-success: var(--penpot-color-accent-success);--text-color-tertiary: var(--penpot-color-foreground-disabled);--text-color-warning: var(--penpot-color-accent-warning);--text-default-font-family: var(--text-styles-default-font-family);--text-default-font-size: var(--text-styles-default-font-size);--text-default-font-weight: var(--text-styles-default-font-weight);--text-default-line-height: var(--text-styles-default-line-height);--text-default-letter-spacing: var(--text-styles-default-letter-spacing);--text-default: var(--text-default-font-weight) var(--text-default-font-size)/var(--text-default-line-height) var(--text-default-font-family);--text-font-family: "Work Sans";--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-font-family: var(--text-styles-default-font-family);--text-label-font-size: var(--text-styles-default-font-size);--text-label-font-weight: var(--text-styles-default-font-weight);--text-label-line-height: var(--text-styles-default-line-height);--text-label-letter-spacing: var(--text-styles-default-letter-spacing);--text-label: var(--text-label-font-weight) var(--text-label-font-size)/var(--text-label-line-height) var(--text-label-font-family);--text-large-font-family: var(--text-styles-large-font-family);--text-large-font-size: var(--text-styles-large-font-size);--text-large-font-weight: var(--text-styles-large-font-weight);--text-large-line-height: var(--text-styles-large-line-height);--text-large-letter-spacing: var(--text-styles-large-letter-spacing);--text-large: var(--text-large-font-weight) var(--text-large-font-size)/var(--text-large-line-height) var(--text-large-font-family);--text-link-font-family: var(--text-styles-default-font-family);--text-link-font-size: var(--text-styles-default-font-size);--text-link-font-weight: var(--text-styles-default-font-weight);--text-link-line-height: var(--text-styles-default-line-height);--text-link-letter-spacing: var(--text-styles-default-letter-spacing);--text-link-text-decoration: underline;--text-link: var(--text-link-font-weight) var(--text-link-font-size)/var(--text-link-line-height) var(--text-link-font-family);--text-small-font-family: var(--text-styles-small-font-family);--text-small-font-size: var(--text-styles-small-font-size);--text-small-font-weight: var(--text-styles-small-font-weight);--text-small-line-height: var(--text-styles-small-line-height);--text-small-letter-spacing: var(--text-styles-small-letter-spacing);--text-small: var(--text-small-font-weight) var(--text-small-font-size)/var(--text-small-line-height) var(--text-small-font-family);--text-styles-default-font-family: var(--text-font-family);--text-styles-default-font-size: var(--font-size-small);--text-styles-default-font-weight: var(--font-weight-medium);--text-styles-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-styles-default-line-height: var(--font-line-height-default);--text-styles-label-color: var(--penpot-color-foreground-secondary);--text-styles-label-gap: var(--size-pos-xxxsmall);--text-styles-label-height: var(--size-pos-medium);--text-styles-label-padding-bottom: var(--size-null);--text-styles-label-padding-left: var(--size-pos-xxsmall);--text-styles-label-padding-right: var(--size-pos-xxxsmall);--text-styles-label-padding-top: var(--size-null);--text-styles-large-font-family: var(--text-font-family);--text-styles-large-font-size: var(--font-size-medium);--text-styles-large-font-weight: var(--font-weight-medium);--text-styles-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-styles-large-line-height: var(--font-line-height-large);--text-styles-link-border-focus: none;--text-styles-link-color: var(--penpot-color-accent-primary-default);--text-styles-link-decoration: none;--text-styles-link-decoration-focus: underline;--text-styles-small-font-family: var(--text-font-family);--text-styles-small-font-size: var(--font-size-xsmall);--text-styles-small-font-weight: var(--font-weight-medium);--text-styles-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-styles-small-line-height: var(--font-line-height-default);--text-styles-xlarge-font-family: var(--text-font-family);--text-styles-xlarge-font-size: var(--font-size-large);--text-styles-xlarge-font-weight: var(--font-weight-medium);--text-styles-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-styles-xlarge-line-height: var(--font-line-height-large);--text-xlarge-font-family: var(--text-styles-xlarge-font-family);--text-xlarge-font-size: var(--text-styles-xlarge-font-size);--text-xlarge-font-weight: var(--text-styles-xlarge-font-weight);--text-xlarge-line-height: var(--text-styles-xlarge-line-height);--text-xlarge-letter-spacing: var(--text-styles-xlarge-letter-spacing);--text-xlarge: var(--text-xlarge-font-weight) var(--text-xlarge-font-size)/var(--text-xlarge-line-height) var(--text-xlarge-font-family)}
package/dist/assets/styles/texts/styles/sketch.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=sketch]{--text-color-inverse: var(--sketch-color-background-primary);--text-color-primary: var(--sketch-color-foreground-primary);--text-color-secondary: var(--sketch-color-foreground-secondary);--text-color-tertiary: var(--sketch-color-foreground-tertiary);--text-color-success: var(--sketch-color-accent-success);--text-color-warning: var(--sketch-color-accent-warning);--text-color-alert: var(--sketch-color-accent-error);--text-default-font-size: var(--font-size-small);--text-default-font-weight: var(--font-weight-medium);--text-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-default-line-height: var(--font-line-height-default);--text-font-family: var(--font-stack);--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-color: var(--sketch-color-foreground-secondary);--text-label-font-size: var(--font-size-xsmall);--text-label-font-weight: var(--font-weight-normal);--text-label-gap: var(--size-pos-xxxsmall);--text-label-height: var(--size-pos-medium);--text-label-letter-spacing: var(--font-letter-spacing-pos-small);--text-label-line-height: var(--font-line-height-default);--text-label-padding-bottom: var(--size-null);--text-label-padding-left: var(--size-pos-xxsmall);--text-label-padding-right: var(--size-pos-xxxsmall);--text-label-padding-top: var(--size-null);--text-large-font-size: var(--font-size-medium);--text-large-font-weight: var(--font-weight-medium);--text-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-large-line-height: var(--font-line-height-large);--text-link-border-focus: none;--text-link-color: var(--sketch-color-accent-primary);--text-link-decoration: none;--text-link-decoration-focus: underline;--text-small-font-size: var(--font-size-xsmall);--text-small-font-weight: var(--font-weight-medium);--text-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-small-line-height: var(--font-line-height-default);--text-xlarge-font-size: var(--font-size-large);--text-xlarge-font-weight: var(--font-weight-medium);--text-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-xlarge-line-height: var(--font-line-height-large)}
1
+ @charset "UTF-8";:root[data-theme=sketch]{--text-color-alert: var(--sketch-color-accent-error);--text-color-inverse: var(--sketch-color-background-primary);--text-color-primary: var(--sketch-color-foreground-primary);--text-color-secondary: var(--sketch-color-foreground-secondary);--text-color-success: var(--sketch-color-accent-success);--text-color-tertiary: var(--sketch-color-foreground-tertiary);--text-color-warning: var(--sketch-color-accent-warning);--text-default-font-family: var(--text-styles-default-font-family);--text-default-font-size: var(--text-styles-default-font-size);--text-default-font-weight: var(--text-styles-default-font-weight);--text-default-line-height: var(--text-styles-default-line-height);--text-default-letter-spacing: var(--text-styles-default-letter-spacing);--text-default: var(--text-default-font-weight) var(--text-default-font-size)/var(--text-default-line-height) var(--text-default-font-family);--text-font-family: "Inter";--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-font-family: var(--text-styles-default-font-family);--text-label-font-size: var(--text-styles-default-font-size);--text-label-font-weight: var(--text-styles-default-font-weight);--text-label-line-height: var(--text-styles-default-line-height);--text-label-letter-spacing: var(--text-styles-default-letter-spacing);--text-label: var(--text-label-font-weight) var(--text-label-font-size)/var(--text-label-line-height) var(--text-label-font-family);--text-large-font-family: var(--text-styles-large-font-family);--text-large-font-size: var(--text-styles-large-font-size);--text-large-font-weight: var(--text-styles-large-font-weight);--text-large-line-height: var(--text-styles-large-line-height);--text-large-letter-spacing: var(--text-styles-large-letter-spacing);--text-large: var(--text-large-font-weight) var(--text-large-font-size)/var(--text-large-line-height) var(--text-large-font-family);--text-link-font-family: var(--text-styles-default-font-family);--text-link-font-size: var(--text-styles-default-font-size);--text-link-font-weight: var(--text-styles-default-font-weight);--text-link-line-height: var(--text-styles-default-line-height);--text-link-letter-spacing: var(--text-styles-default-letter-spacing);--text-link-text-decoration: underline;--text-link: var(--text-link-font-weight) var(--text-link-font-size)/var(--text-link-line-height) var(--text-link-font-family);--text-small-font-family: var(--text-styles-small-font-family);--text-small-font-size: var(--text-styles-small-font-size);--text-small-font-weight: var(--text-styles-small-font-weight);--text-small-line-height: var(--text-styles-small-line-height);--text-small-letter-spacing: var(--text-styles-small-letter-spacing);--text-small: var(--text-small-font-weight) var(--text-small-font-size)/var(--text-small-line-height) var(--text-small-font-family);--text-styles-default-font-family: var(--text-font-family);--text-styles-default-font-size: var(--font-size-small);--text-styles-default-font-weight: var(--font-weight-medium);--text-styles-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-styles-default-line-height: var(--font-line-height-default);--text-styles-label-color: var(--sketch-color-foreground-secondary);--text-styles-label-gap: var(--size-pos-xxxsmall);--text-styles-label-height: var(--size-pos-medium);--text-styles-label-padding-bottom: var(--size-null);--text-styles-label-padding-left: var(--size-pos-xxsmall);--text-styles-label-padding-right: var(--size-pos-xxxsmall);--text-styles-label-padding-top: var(--size-null);--text-styles-large-font-family: var(--text-font-family);--text-styles-large-font-size: var(--font-size-medium);--text-styles-large-font-weight: var(--font-weight-medium);--text-styles-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-styles-large-line-height: var(--font-line-height-large);--text-styles-link-border-focus: none;--text-styles-link-color: var(--sketch-color-accent-primary);--text-styles-link-decoration: none;--text-styles-link-decoration-focus: underline;--text-styles-small-font-family: var(--text-font-family);--text-styles-small-font-size: var(--font-size-xsmall);--text-styles-small-font-weight: var(--font-weight-medium);--text-styles-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-styles-small-line-height: var(--font-line-height-default);--text-styles-xlarge-font-family: var(--text-font-family);--text-styles-xlarge-font-size: var(--font-size-large);--text-styles-xlarge-font-weight: var(--font-weight-medium);--text-styles-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-styles-xlarge-line-height: var(--font-line-height-large);--text-xlarge-font-family: var(--text-styles-xlarge-font-family);--text-xlarge-font-size: var(--text-styles-xlarge-font-size);--text-xlarge-font-weight: var(--text-styles-xlarge-font-weight);--text-xlarge-line-height: var(--text-styles-xlarge-line-height);--text-xlarge-letter-spacing: var(--text-styles-xlarge-letter-spacing);--text-xlarge: var(--text-xlarge-font-weight) var(--text-xlarge-font-size)/var(--text-xlarge-line-height) var(--text-xlarge-font-family)}
package/dist/assets/styles/texts/texts.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root[data-theme=penpot]{--text-color-inverse: var(--penpot-color-background-primary);--text-color-primary: var(--penpot-color-foreground-primary);--text-color-secondary: var(--penpot-color-foreground-secondary);--text-color-tertiary: var(--penpot-color-foreground-disabled);--text-color-success: var(--penpot-color-accent-success);--text-color-warning: var(--penpot-color-accent-warning);--text-color-alert: var(--penpot-color-accent-error);--text-default-font-size: var(--font-size-small);--text-default-font-weight: var(--font-weight-medium);--text-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-default-line-height: var(--font-line-height-default);--text-font-family: var(--font-stack);--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-color: var(--penpot-color-foreground-secondary);--text-label-font-size: var(--font-size-xsmall);--text-label-font-weight: var(--font-weight-normal);--text-label-gap: var(--size-pos-xxxsmall);--text-label-height: var(--size-pos-medium);--text-label-letter-spacing: var(--font-letter-spacing-pos-small);--text-label-line-height: var(--font-line-height-default);--text-label-padding-bottom: var(--size-null);--text-label-padding-left: var(--size-pos-xxsmall);--text-label-padding-right: var(--size-pos-xxxsmall);--text-label-padding-top: var(--size-null);--text-large-font-size: var(--font-size-medium);--text-large-font-weight: var(--font-weight-medium);--text-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-large-line-height: var(--font-line-height-large);--text-link-border-focus: none;--text-link-color: var(--penpot-color-accent-primary);--text-link-decoration: none;--text-link-decoration-focus: underline;--text-small-font-size: var(--font-size-xsmall);--text-small-font-weight: var(--font-weight-medium);--text-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-small-line-height: var(--font-line-height-default);--text-xlarge-font-size: var(--font-size-large);--text-xlarge-font-weight: var(--font-weight-medium);--text-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-xlarge-line-height: var(--font-line-height-large)}:root[data-theme=sketch]{--text-color-inverse: var(--sketch-color-background-primary);--text-color-primary: var(--sketch-color-foreground-primary);--text-color-secondary: var(--sketch-color-foreground-secondary);--text-color-tertiary: var(--sketch-color-foreground-tertiary);--text-color-success: var(--sketch-color-accent-success);--text-color-warning: var(--sketch-color-accent-warning);--text-color-alert: var(--sketch-color-accent-error);--text-default-font-size: var(--font-size-small);--text-default-font-weight: var(--font-weight-medium);--text-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-default-line-height: var(--font-line-height-default);--text-font-family: var(--font-stack);--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-color: var(--sketch-color-foreground-secondary);--text-label-font-size: var(--font-size-xsmall);--text-label-font-weight: var(--font-weight-normal);--text-label-gap: var(--size-pos-xxxsmall);--text-label-height: var(--size-pos-medium);--text-label-letter-spacing: var(--font-letter-spacing-pos-small);--text-label-line-height: var(--font-line-height-default);--text-label-padding-bottom: var(--size-null);--text-label-padding-left: var(--size-pos-xxsmall);--text-label-padding-right: var(--size-pos-xxxsmall);--text-label-padding-top: var(--size-null);--text-large-font-size: var(--font-size-medium);--text-large-font-weight: var(--font-weight-medium);--text-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-large-line-height: var(--font-line-height-large);--text-link-border-focus: none;--text-link-color: var(--sketch-color-accent-primary);--text-link-decoration: none;--text-link-decoration-focus: underline;--text-small-font-size: var(--font-size-xsmall);--text-small-font-weight: var(--font-weight-medium);--text-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-small-line-height: var(--font-line-height-default);--text-xlarge-font-size: var(--font-size-large);--text-xlarge-font-weight: var(--font-weight-medium);--text-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-xlarge-line-height: var(--font-line-height-large)}:root[data-theme=figma]{--text-color-inverse: var(--figma-color-text-oninverse);--text-color-primary: var(--figma-color-text);--text-color-secondary: var(--figma-color-text-secondary);--text-color-tertiary: var(--figma-color-text-tertiary);--text-color-success: var(--figma-color-text-success);--text-color-warning: var(--figma-color-text-warning);--text-color-alert: var(--figma-color-text-danger);--text-default-font-size: var(--font-size-xsmall);--text-default-font-weight: var(--font-weight-medium);--text-default-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-default-line-height: var(--font-line-height-default);--text-font-family: var(--font-stack);--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-color: var(--figma-color-text-tertiary);--text-label-font-size: var(--font-size-xsmall);--text-label-font-weight: var(--font-weight-normal);--text-label-gap: var(--size-pos-xxxsmall);--text-label-height: var(--size-pos-medium);--text-label-letter-spacing: var(--font-letter-spacing-pos-large);--text-label-line-height: var(--font-line-height-default);--text-label-padding-bottom: var(--size-null);--text-label-padding-left: var(--size-pos-xxsmall);--text-label-padding-right: var(--size-pos-xxxsmall);--text-label-padding-top: var(--size-null);--text-large-font-size: var(--font-size-medium);--text-large-font-weight: var(--font-weight-medium);--text-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-large-line-height: var(--font-line-height-large);--text-link-border-focus: none;--text-link-color: var(--figma-color-text-brand);--text-link-decoration: none;--text-link-decoration-focus: underline;--text-small-font-size: var(--font-size-small);--text-small-font-weight: var(--font-weight-medium);--text-small-letter-spacing: var(--font-letter-spacing-pos-large);--text-small-line-height: var(--font-line-height-default);--text-xlarge-font-size: var(--font-size-large);--text-xlarge-font-weight: var(--font-weight-medium);--text-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-xlarge-line-height: var(--font-line-height-large)}:root[data-theme=framer]{--text-color-inverse: var(--framer-color-bg);--text-color-primary: var(--framer-color-text);--text-color-secondary: var(--framer-color-text-secondary);--text-color-tertiary: var(--framer-color-text-tertiary);--text-color-success: var(--framer-color-success);--text-color-warning: var(--framer-color-warning);--text-color-alert: var(--framer-color-destructive);--text-default-font-size: var(--font-size-small);--text-default-font-weight: var(--font-weight-medium);--text-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-default-line-height: var(--font-line-height-default);--text-font-family: var(--font-stack);--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-color: var(--framer-color-text-tertiary);--text-label-font-size: var(--font-size-xsmall);--text-label-font-weight: var(--font-weight-normal);--text-label-gap: var(--size-pos-xxxsmall);--text-label-height: var(--size-pos-medium);--text-label-letter-spacing: var(--font-letter-spacing-pos-large);--text-label-line-height: var(--font-line-height-default);--text-label-padding-bottom: var(--size-null);--text-label-padding-left: var(--size-pos-xxsmall);--text-label-padding-right: var(--size-pos-xxxsmall);--text-label-padding-top: var(--size-null);--text-large-font-size: var(--font-size-medium);--text-large-font-weight: var(--font-weight-semi);--text-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-large-line-height: var(--font-line-height-large);--text-link-border-focus: none;--text-link-color: var(--framer-color-tint-dark);--text-link-decoration: none;--text-link-decoration-focus: underline;--text-small-font-size: var(--font-size-xsmall);--text-small-font-weight: var(--font-weight-medium);--text-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-small-line-height: var(--font-line-height-default);--text-xlarge-font-size: var(--font-size-large);--text-xlarge-font-weight: var(--font-weight-bold);--text-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-xlarge-line-height: var(--font-line-height-large)}._type_gxhnl_190{color:var(--text-color-primary);font-family:var(--text-font-family)}._type_gxhnl_190{font-weight:var(--text-default-font-weight);font-size:var(--text-default-font-size);line-height:var(--text-default-line-height);letter-spacing:var(--text-default-letter-spacing)}._type--small_gxhnl_200{font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing)}._type--large_gxhnl_206{font-weight:var(--text-large-font-weight);font-size:var(--text-large-font-size);line-height:var(--text-large-line-height);letter-spacing:var(--text-large-letter-spacing)}._type--xlarge_gxhnl_212{font-weight:var(--text-xlarge-font-weight);font-size:var(--text-xlarge-font-size);line-height:var(--text-xlarge-line-height);letter-spacing:var(--text-xlarge-letter-spacing)}._type--medium_gxhnl_218{font-weight:var(--text-font-weight-medium)}._type--bold_gxhnl_221{font-weight:var(--text-font-weight-bold)}._type--truncated_gxhnl_224{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._type--secondary_gxhnl_229{color:var(--text-color-secondary)}._type--tertiary_gxhnl_232{color:var(--text-color-tertiary)}._type--success_gxhnl_235{color:var(--text-color-success)}._type--warning_gxhnl_238{color:var(--text-color-warning)}._type--alert_gxhnl_241{color:var(--text-color-alert)}._type--inverse_gxhnl_244{color:var(--text-color-inverse)}._type_gxhnl_190 a{color:var(--text-link-color);text-decoration:var(--text-link-decoration)}._type_gxhnl_190 a:focus-visible{outline:var(--text-link-border-focus);text-decoration:var(--text-link-decoration-focus)}._label_gxhnl_256{display:flex;align-items:center;gap:var(--text-label-gap);cursor:default;padding:var(--text-label-padding-top) var(--text-label-padding-right) var(--text-label-padding-bottom) var(--text-label-padding-left);height:var(--text-label-height);color:var(--text-label-color);font-weight:var(--text-label-font-weight);font-size:var(--text-label-font-size);line-height:var(--text-label-line-height);font-family:var(--text-font-family);letter-spacing:var(--text-label-letter-spacing);-webkit-user-select:none;user-select:none}
1
+ @charset "UTF-8";:root[data-theme=penpot]{--text-color-alert: var(--penpot-color-accent-error);--text-color-inverse: var(--penpot-color-background-primary);--text-color-primary: var(--penpot-color-foreground-primary);--text-color-secondary: var(--penpot-color-foreground-secondary);--text-color-success: var(--penpot-color-accent-success);--text-color-tertiary: var(--penpot-color-foreground-disabled);--text-color-warning: var(--penpot-color-accent-warning);--text-default-font-family: var(--text-styles-default-font-family);--text-default-font-size: var(--text-styles-default-font-size);--text-default-font-weight: var(--text-styles-default-font-weight);--text-default-line-height: var(--text-styles-default-line-height);--text-default-letter-spacing: var(--text-styles-default-letter-spacing);--text-default: var(--text-default-font-weight) var(--text-default-font-size)/var(--text-default-line-height) var(--text-default-font-family);--text-font-family: "Work Sans";--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-font-family: var(--text-styles-default-font-family);--text-label-font-size: var(--text-styles-default-font-size);--text-label-font-weight: var(--text-styles-default-font-weight);--text-label-line-height: var(--text-styles-default-line-height);--text-label-letter-spacing: var(--text-styles-default-letter-spacing);--text-label: var(--text-label-font-weight) var(--text-label-font-size)/var(--text-label-line-height) var(--text-label-font-family);--text-large-font-family: var(--text-styles-large-font-family);--text-large-font-size: var(--text-styles-large-font-size);--text-large-font-weight: var(--text-styles-large-font-weight);--text-large-line-height: var(--text-styles-large-line-height);--text-large-letter-spacing: var(--text-styles-large-letter-spacing);--text-large: var(--text-large-font-weight) var(--text-large-font-size)/var(--text-large-line-height) var(--text-large-font-family);--text-link-font-family: var(--text-styles-default-font-family);--text-link-font-size: var(--text-styles-default-font-size);--text-link-font-weight: var(--text-styles-default-font-weight);--text-link-line-height: var(--text-styles-default-line-height);--text-link-letter-spacing: var(--text-styles-default-letter-spacing);--text-link-text-decoration: underline;--text-link: var(--text-link-font-weight) var(--text-link-font-size)/var(--text-link-line-height) var(--text-link-font-family);--text-small-font-family: var(--text-styles-small-font-family);--text-small-font-size: var(--text-styles-small-font-size);--text-small-font-weight: var(--text-styles-small-font-weight);--text-small-line-height: var(--text-styles-small-line-height);--text-small-letter-spacing: var(--text-styles-small-letter-spacing);--text-small: var(--text-small-font-weight) var(--text-small-font-size)/var(--text-small-line-height) var(--text-small-font-family);--text-styles-default-font-family: var(--text-font-family);--text-styles-default-font-size: var(--font-size-small);--text-styles-default-font-weight: var(--font-weight-medium);--text-styles-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-styles-default-line-height: var(--font-line-height-default);--text-styles-label-color: var(--penpot-color-foreground-secondary);--text-styles-label-gap: var(--size-pos-xxxsmall);--text-styles-label-height: var(--size-pos-medium);--text-styles-label-padding-bottom: var(--size-null);--text-styles-label-padding-left: var(--size-pos-xxsmall);--text-styles-label-padding-right: var(--size-pos-xxxsmall);--text-styles-label-padding-top: var(--size-null);--text-styles-large-font-family: var(--text-font-family);--text-styles-large-font-size: var(--font-size-medium);--text-styles-large-font-weight: var(--font-weight-medium);--text-styles-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-styles-large-line-height: var(--font-line-height-large);--text-styles-link-border-focus: none;--text-styles-link-color: var(--penpot-color-accent-primary-default);--text-styles-link-decoration: none;--text-styles-link-decoration-focus: underline;--text-styles-small-font-family: var(--text-font-family);--text-styles-small-font-size: var(--font-size-xsmall);--text-styles-small-font-weight: var(--font-weight-medium);--text-styles-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-styles-small-line-height: var(--font-line-height-default);--text-styles-xlarge-font-family: var(--text-font-family);--text-styles-xlarge-font-size: var(--font-size-large);--text-styles-xlarge-font-weight: var(--font-weight-medium);--text-styles-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-styles-xlarge-line-height: var(--font-line-height-large);--text-xlarge-font-family: var(--text-styles-xlarge-font-family);--text-xlarge-font-size: var(--text-styles-xlarge-font-size);--text-xlarge-font-weight: var(--text-styles-xlarge-font-weight);--text-xlarge-line-height: var(--text-styles-xlarge-line-height);--text-xlarge-letter-spacing: var(--text-styles-xlarge-letter-spacing);--text-xlarge: var(--text-xlarge-font-weight) var(--text-xlarge-font-size)/var(--text-xlarge-line-height) var(--text-xlarge-font-family)}:root[data-theme=sketch]{--text-color-alert: var(--sketch-color-accent-error);--text-color-inverse: var(--sketch-color-background-primary);--text-color-primary: var(--sketch-color-foreground-primary);--text-color-secondary: var(--sketch-color-foreground-secondary);--text-color-success: var(--sketch-color-accent-success);--text-color-tertiary: var(--sketch-color-foreground-tertiary);--text-color-warning: var(--sketch-color-accent-warning);--text-default-font-family: var(--text-styles-default-font-family);--text-default-font-size: var(--text-styles-default-font-size);--text-default-font-weight: var(--text-styles-default-font-weight);--text-default-line-height: var(--text-styles-default-line-height);--text-default-letter-spacing: var(--text-styles-default-letter-spacing);--text-default: var(--text-default-font-weight) var(--text-default-font-size)/var(--text-default-line-height) var(--text-default-font-family);--text-font-family: "Inter";--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-font-family: var(--text-styles-default-font-family);--text-label-font-size: var(--text-styles-default-font-size);--text-label-font-weight: var(--text-styles-default-font-weight);--text-label-line-height: var(--text-styles-default-line-height);--text-label-letter-spacing: var(--text-styles-default-letter-spacing);--text-label: var(--text-label-font-weight) var(--text-label-font-size)/var(--text-label-line-height) var(--text-label-font-family);--text-large-font-family: var(--text-styles-large-font-family);--text-large-font-size: var(--text-styles-large-font-size);--text-large-font-weight: var(--text-styles-large-font-weight);--text-large-line-height: var(--text-styles-large-line-height);--text-large-letter-spacing: var(--text-styles-large-letter-spacing);--text-large: var(--text-large-font-weight) var(--text-large-font-size)/var(--text-large-line-height) var(--text-large-font-family);--text-link-font-family: var(--text-styles-default-font-family);--text-link-font-size: var(--text-styles-default-font-size);--text-link-font-weight: var(--text-styles-default-font-weight);--text-link-line-height: var(--text-styles-default-line-height);--text-link-letter-spacing: var(--text-styles-default-letter-spacing);--text-link-text-decoration: underline;--text-link: var(--text-link-font-weight) var(--text-link-font-size)/var(--text-link-line-height) var(--text-link-font-family);--text-small-font-family: var(--text-styles-small-font-family);--text-small-font-size: var(--text-styles-small-font-size);--text-small-font-weight: var(--text-styles-small-font-weight);--text-small-line-height: var(--text-styles-small-line-height);--text-small-letter-spacing: var(--text-styles-small-letter-spacing);--text-small: var(--text-small-font-weight) var(--text-small-font-size)/var(--text-small-line-height) var(--text-small-font-family);--text-styles-default-font-family: var(--text-font-family);--text-styles-default-font-size: var(--font-size-small);--text-styles-default-font-weight: var(--font-weight-medium);--text-styles-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-styles-default-line-height: var(--font-line-height-default);--text-styles-label-color: var(--sketch-color-foreground-secondary);--text-styles-label-gap: var(--size-pos-xxxsmall);--text-styles-label-height: var(--size-pos-medium);--text-styles-label-padding-bottom: var(--size-null);--text-styles-label-padding-left: var(--size-pos-xxsmall);--text-styles-label-padding-right: var(--size-pos-xxxsmall);--text-styles-label-padding-top: var(--size-null);--text-styles-large-font-family: var(--text-font-family);--text-styles-large-font-size: var(--font-size-medium);--text-styles-large-font-weight: var(--font-weight-medium);--text-styles-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-styles-large-line-height: var(--font-line-height-large);--text-styles-link-border-focus: none;--text-styles-link-color: var(--sketch-color-accent-primary);--text-styles-link-decoration: none;--text-styles-link-decoration-focus: underline;--text-styles-small-font-family: var(--text-font-family);--text-styles-small-font-size: var(--font-size-xsmall);--text-styles-small-font-weight: var(--font-weight-medium);--text-styles-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-styles-small-line-height: var(--font-line-height-default);--text-styles-xlarge-font-family: var(--text-font-family);--text-styles-xlarge-font-size: var(--font-size-large);--text-styles-xlarge-font-weight: var(--font-weight-medium);--text-styles-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-styles-xlarge-line-height: var(--font-line-height-large);--text-xlarge-font-family: var(--text-styles-xlarge-font-family);--text-xlarge-font-size: var(--text-styles-xlarge-font-size);--text-xlarge-font-weight: var(--text-styles-xlarge-font-weight);--text-xlarge-line-height: var(--text-styles-xlarge-line-height);--text-xlarge-letter-spacing: var(--text-styles-xlarge-letter-spacing);--text-xlarge: var(--text-xlarge-font-weight) var(--text-xlarge-font-size)/var(--text-xlarge-line-height) var(--text-xlarge-font-family)}:root[data-theme=figma]{--text-color-alert: var(--figma-color-text-danger-default);--text-color-inverse: var(--figma-color-text-oninverse);--text-color-primary: var(--figma-color-text-default);--text-color-secondary: var(--figma-color-text-secondary-default);--text-color-success: var(--figma-color-text-success-default);--text-color-tertiary: var(--figma-color-text-tertiary-default);--text-color-warning: var(--figma-color-text-warning-default);--text-default-font-family: var(--text-styles-default-font-family);--text-default-font-size: var(--text-styles-default-font-size);--text-default-font-weight: var(--text-styles-default-font-weight);--text-default-line-height: var(--text-styles-default-line-height);--text-default-letter-spacing: var(--text-styles-default-letter-spacing);--text-default: var(--text-default-font-weight) var(--text-default-font-size)/var(--text-default-line-height) var(--text-default-font-family);--text-font-family: "Inter";--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-font-family: var(--text-styles-default-font-family);--text-label-font-size: var(--text-styles-default-font-size);--text-label-font-weight: var(--text-styles-default-font-weight);--text-label-line-height: var(--text-styles-default-line-height);--text-label-letter-spacing: var(--text-styles-default-letter-spacing);--text-label: var(--text-label-font-weight) var(--text-label-font-size)/var(--text-label-line-height) var(--text-label-font-family);--text-large-font-family: var(--text-styles-large-font-family);--text-large-font-size: var(--text-styles-large-font-size);--text-large-font-weight: var(--text-styles-large-font-weight);--text-large-line-height: var(--text-styles-large-line-height);--text-large-letter-spacing: var(--text-styles-large-letter-spacing);--text-large: var(--text-large-font-weight) var(--text-large-font-size)/var(--text-large-line-height) var(--text-large-font-family);--text-link-font-family: var(--text-styles-default-font-family);--text-link-font-size: var(--text-styles-default-font-size);--text-link-font-weight: var(--text-styles-default-font-weight);--text-link-line-height: var(--text-styles-default-line-height);--text-link-letter-spacing: var(--text-styles-default-letter-spacing);--text-link-text-decoration: underline;--text-link: var(--text-link-font-weight) var(--text-link-font-size)/var(--text-link-line-height) var(--text-link-font-family);--text-small-font-family: var(--text-styles-small-font-family);--text-small-font-size: var(--text-styles-small-font-size);--text-small-font-weight: var(--text-styles-small-font-weight);--text-small-line-height: var(--text-styles-small-line-height);--text-small-letter-spacing: var(--text-styles-small-letter-spacing);--text-small: var(--text-small-font-weight) var(--text-small-font-size)/var(--text-small-line-height) var(--text-small-font-family);--text-styles-default-font-family: var(--text-font-family);--text-styles-default-font-size: var(--font-size-xsmall);--text-styles-default-font-weight: var(--font-weight-medium);--text-styles-default-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-styles-default-line-height: var(--font-line-height-default);--text-styles-label-color: var(--figma-color-text-tertiary-default);--text-styles-label-gap: var(--size-pos-xxxsmall);--text-styles-label-height: var(--size-pos-medium);--text-styles-label-padding-bottom: var(--size-null);--text-styles-label-padding-left: var(--size-pos-xxsmall);--text-styles-label-padding-right: var(--size-pos-xxxsmall);--text-styles-label-padding-top: var(--size-null);--text-styles-large-font-family: var(--text-font-family);--text-styles-large-font-size: var(--font-size-medium);--text-styles-large-font-weight: var(--font-weight-medium);--text-styles-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-styles-large-line-height: var(--font-line-height-large);--text-styles-link-border-focus: none;--text-styles-link-color: var(--figma-color-text-brand-default);--text-styles-link-decoration: none;--text-styles-link-decoration-focus: underline;--text-styles-small-font-family: var(--text-font-family);--text-styles-small-font-size: var(--font-size-small);--text-styles-small-font-weight: var(--font-weight-medium);--text-styles-small-letter-spacing: var(--font-letter-spacing-pos-large);--text-styles-small-line-height: var(--font-line-height-default);--text-styles-xlarge-font-family: var(--text-font-family);--text-styles-xlarge-font-size: var(--font-size-large);--text-styles-xlarge-font-weight: var(--font-weight-medium);--text-styles-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-styles-xlarge-line-height: var(--font-line-height-large);--text-xlarge-font-family: var(--text-styles-xlarge-font-family);--text-xlarge-font-size: var(--text-styles-xlarge-font-size);--text-xlarge-font-weight: var(--text-styles-xlarge-font-weight);--text-xlarge-line-height: var(--text-styles-xlarge-line-height);--text-xlarge-letter-spacing: var(--text-styles-xlarge-letter-spacing);--text-xlarge: var(--text-xlarge-font-weight) var(--text-xlarge-font-size)/var(--text-xlarge-line-height) var(--text-xlarge-font-family)}:root[data-theme=framer]{--text-color-alert: var(--framer-color-destructive-default);--text-color-inverse: var(--framer-color-bg-default);--text-color-primary: var(--framer-color-text-default);--text-color-secondary: var(--framer-color-text-secondary);--text-color-success: var(--framer-color-success-default);--text-color-tertiary: var(--framer-color-text-tertiary);--text-color-warning: var(--framer-color-warning-default);--text-default-font-family: var(--text-styles-default-font-family);--text-default-font-size: var(--text-styles-default-font-size);--text-default-font-weight: var(--text-styles-default-font-weight);--text-default-line-height: var(--text-styles-default-line-height);--text-default-letter-spacing: var(--text-styles-default-letter-spacing);--text-default: var(--text-default-font-weight) var(--text-default-font-size)/var(--text-default-line-height) var(--text-default-font-family);--text-font-family: "Inter";--text-font-weight-bold: var(--font-weight-bold);--text-font-weight-medium: var(--font-weight-medium);--text-label-font-family: var(--text-styles-default-font-family);--text-label-font-size: var(--text-styles-default-font-size);--text-label-font-weight: var(--text-styles-default-font-weight);--text-label-line-height: var(--text-styles-default-line-height);--text-label-letter-spacing: var(--text-styles-default-letter-spacing);--text-label: var(--text-label-font-weight) var(--text-label-font-size)/var(--text-label-line-height) var(--text-label-font-family);--text-large-font-family: var(--text-styles-large-font-family);--text-large-font-size: var(--text-styles-large-font-size);--text-large-font-weight: var(--text-styles-large-font-weight);--text-large-line-height: var(--text-styles-large-line-height);--text-large-letter-spacing: var(--text-styles-large-letter-spacing);--text-large: var(--text-large-font-weight) var(--text-large-font-size)/var(--text-large-line-height) var(--text-large-font-family);--text-link-font-family: var(--text-styles-default-font-family);--text-link-font-size: var(--text-styles-default-font-size);--text-link-font-weight: var(--text-styles-default-font-weight);--text-link-line-height: var(--text-styles-default-line-height);--text-link-letter-spacing: var(--text-styles-default-letter-spacing);--text-link: var(--text-link-font-weight) var(--text-link-font-size)/var(--text-link-line-height) var(--text-link-font-family);--text-small-font-family: var(--text-styles-small-font-family);--text-small-font-size: var(--text-styles-small-font-size);--text-small-font-weight: var(--text-styles-small-font-weight);--text-small-line-height: var(--text-styles-small-line-height);--text-small-letter-spacing: var(--text-styles-small-letter-spacing);--text-small: var(--text-small-font-weight) var(--text-small-font-size)/var(--text-small-line-height) var(--text-small-font-family);--text-styles-default-font-family: var(--text-font-family);--text-styles-default-font-size: var(--font-size-small);--text-styles-default-font-weight: var(--font-weight-medium);--text-styles-default-letter-spacing: var(--font-letter-spacing-pos-large);--text-styles-default-line-height: var(--font-line-height-default);--text-styles-label-color: var(--framer-color-text-tertiary);--text-styles-label-gap: var(--size-pos-xxxsmall);--text-styles-label-height: var(--size-pos-medium);--text-styles-label-padding-bottom: var(--size-null);--text-styles-label-padding-left: var(--size-pos-xxsmall);--text-styles-label-padding-right: var(--size-pos-xxxsmall);--text-styles-label-padding-top: var(--size-null);--text-styles-large-font-family: var(--text-font-family);--text-styles-large-font-size: var(--font-size-medium);--text-styles-large-font-weight: var(--font-weight-semi);--text-styles-large-letter-spacing: var(--font-letter-spacing-pos-medium);--text-styles-large-line-height: var(--font-line-height-large);--text-styles-link-border-focus: none;--text-styles-link-color: var(--framer-color-tint-dark);--text-styles-link-decoration: none;--text-styles-link-decoration-focus: underline;--text-styles-small-font-family: var(--text-font-family);--text-styles-small-font-size: var(--font-size-xsmall);--text-styles-small-font-weight: var(--font-weight-medium);--text-styles-small-letter-spacing: var(--font-letter-spacing-pos-xlarge);--text-styles-small-line-height: var(--font-line-height-default);--text-styles-xlarge-font-family: var(--text-font-family);--text-styles-xlarge-font-size: var(--font-size-large);--text-styles-xlarge-font-weight: var(--font-weight-bold);--text-styles-xlarge-letter-spacing: var(--font-letter-spacing-pos-small);--text-styles-xlarge-line-height: var(--font-line-height-large);--text-xlarge-font-family: var(--text-styles-xlarge-font-family);--text-xlarge-font-size: var(--text-styles-xlarge-font-size);--text-xlarge-font-weight: var(--text-styles-xlarge-font-weight);--text-xlarge-line-height: var(--text-styles-xlarge-line-height);--text-xlarge-letter-spacing: var(--text-styles-xlarge-letter-spacing);--text-xlarge: var(--text-xlarge-font-weight) var(--text-xlarge-font-size)/var(--text-xlarge-line-height) var(--text-xlarge-font-family)}._type_1eio2_337{color:var(--text-color-primary);font-family:var(--text-font-family)}._type_1eio2_337{font-weight:var(--text-default-font-weight);font-size:var(--text-default-font-size);line-height:var(--text-default-line-height);letter-spacing:var(--text-default-letter-spacing)}._type--small_1eio2_347{font-weight:var(--text-small-font-weight);font-size:var(--text-small-font-size);line-height:var(--text-small-line-height);letter-spacing:var(--text-small-letter-spacing)}._type--large_1eio2_353{font-weight:var(--text-large-font-weight);font-size:var(--text-large-font-size);line-height:var(--text-large-line-height);letter-spacing:var(--text-large-letter-spacing)}._type--xlarge_1eio2_359{font-weight:var(--text-xlarge-font-weight);font-size:var(--text-xlarge-font-size);line-height:var(--text-xlarge-line-height);letter-spacing:var(--text-xlarge-letter-spacing)}._type--medium_1eio2_365{font-weight:var(--text-font-weight-medium)}._type--bold_1eio2_368{font-weight:var(--text-font-weight-bold)}._type--truncated_1eio2_371{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._type--secondary_1eio2_376{color:var(--text-color-secondary)}._type--tertiary_1eio2_379{color:var(--text-color-tertiary)}._type--success_1eio2_382{color:var(--text-color-success)}._type--warning_1eio2_385{color:var(--text-color-warning)}._type--alert_1eio2_388{color:var(--text-color-alert)}._type--inverse_1eio2_391{color:var(--text-color-inverse)}._type_1eio2_337 a{color:var(--text-link-color);text-decoration:var(--text-link-decoration)}._type_1eio2_337 a:focus-visible{outline:var(--text-link-border-focus);text-decoration:var(--text-link-decoration-focus)}._label_1eio2_403{display:flex;align-items:center;gap:var(--text-label-gap);cursor:default;padding:var(--text-label-padding-top) var(--text-label-padding-right) var(--text-label-padding-bottom) var(--text-label-padding-left);height:var(--text-label-height);color:var(--text-label-color);font-weight:var(--text-label-font-weight);font-size:var(--text-label-font-size);line-height:var(--text-label-line-height);font-family:var(--text-font-family);letter-spacing:var(--text-label-letter-spacing);-webkit-user-select:none;user-select:none}
package/dist/assets/styles/tokens/modules/commons.css ADDED
@@ -0,0 +1 @@
1
+ @charset "UTF-8";:root{--alpha-0: 0;--alpha-50: .05;--alpha-100: .1;--alpha-150: .15;--alpha-200: .2;--alpha-250: .25;--alpha-300: .3;--alpha-350: .35;--alpha-400: .4;--alpha-450: .45;--alpha-500: .5;--alpha-550: .55;--alpha-600: .6;--alpha-650: .65;--alpha-700: .7;--alpha-750: .75;--alpha-800: .8;--alpha-850: .85;--alpha-900: .9;--alpha-950: .95;--alpha-1000: 1;--border-radius-full: 100px;--border-radius-large: 6px;--border-radius-medium: 4px;--border-radius-null: 0px;--border-radius-small: 2px;--border-radius-xlarge: 8px;--border-radius-xsmall: 1px;--border-radius-xxlarge: 12px;--border-radius-xxxlarge: 16px;--elevation-100-shapes: 0px 0px .5px 0px color(srgb 0 0 0 / .3), 0px 1px 4px 0px color(srgb 0 0 0 / .15);--elevation-200-canvas: 0px 0px .5px 0px color(srgb 0 0 0 / .2), 0px 4px 8px 0px color(srgb 0 0 0 / .1), 0px 1px 4px 0px color(srgb 0 0 0 / .1);--elevation-300-tooltip: 0px 0px .5px 0px color(srgb 0 0 0 / .15), 0px 4px 12px 0px color(srgb 0 0 0 / .15), 0px 1px 4px 0px color(srgb 0 0 0 / .1);--elevation-400-menu-panel: 0px 0px .5px 0px color(srgb 0 0 0 / .15), 0px 8px 16px 0px color(srgb 0 0 0 / .15), 0px 2px 4px 0px color(srgb 0 0 0 / .15);--elevation-500-modal-window: 0px 0px .5px 0px color(srgb 0 0 0 / .8), 0px 8px 24px 0px color(srgb 0 0 0 / .2), 0px 2px 4px 0px color(srgb 0 0 0 / .15);--font-letter-spacing-neg-large: -.08px;--font-letter-spacing-neg-medium: -.025px;--font-letter-spacing-neg-small: -.01px;--font-letter-spacing-neg-xlarge: -.16px;--font-letter-spacing-pos-large: .08px;--font-letter-spacing-pos-medium: .025px;--font-letter-spacing-pos-small: .01px;--font-letter-spacing-pos-xlarge: .16px;--font-line-height-default: 16px;--font-line-height-large: 20px;--font-size-large: 14px;--font-size-medium: 13px;--font-size-small: 12px;--font-size-xsmall: 11px;--font-size-xxsmall: 10px;--font-size-xxxsmall: 9px;--font-weight-accent: 450;--font-weight-bold: 600;--font-weight-medium: 500;--font-weight-normal: 400;--font-weight-semi: 550;--grey-0: rgb(100% 100% 100%);--grey-100: rgb(94.118% 94.118% 94.118%);--grey-200: rgb(85.098% 85.098% 85.098%);--grey-300: rgb(74.902% 74.902% 74.902%);--grey-400: rgb(65.098% 65.098% 65.098%);--grey-500: rgb(54.902% 54.902% 54.902%);--grey-600: rgb(45.098% 45.098% 45.098%);--grey-700: rgb(34.902% 34.902% 34.902%);--grey-800: rgb(25.098% 25.098% 25.098%);--grey-900: rgb(17.255% 17.255% 17.255%);--grey-1000: rgb(13.333% 13.333% 13.333%);--grey-transparent: rgb(0% 0% 0% / 0);--shadow-color-black-alpha0: rgb(0% 0% 0% / 0);--shadow-color-black-alpha50: rgb(0% 0% 0% / .05);--shadow-color-black-alpha100: rgb(0% 0% 0% / .1);--shadow-color-black-alpha150: rgb(0% 0% 0% / .15);--shadow-color-black-alpha200: rgb(0% 0% 0% / .2);--shadow-color-black-alpha250: rgb(0% 0% 0% / .25);--shadow-color-black-alpha300: rgb(0% 0% 0% / .3);--shadow-color-black-alpha350: rgb(0% 0% 0% / .35);--shadow-color-black-alpha400: rgb(0% 0% 0% / .4);--shadow-color-black-alpha450: rgb(0% 0% 0% / .45);--shadow-color-black-alpha500: rgb(0% 0% 0% / .5);--shadow-color-black-alpha550: rgb(0% 0% 0% / .55);--shadow-color-black-alpha600: rgb(0% 0% 0% / .6);--shadow-color-black-alpha650: rgb(0% 0% 0% / .65);--shadow-color-black-alpha700: rgb(0% 0% 0% / .7);--shadow-color-black-alpha750: rgb(0% 0% 0% / .75);--shadow-color-black-alpha800: rgb(0% 0% 0% / .8);--shadow-color-black-alpha850: rgb(0% 0% 0% / .85);--shadow-color-black-alpha900: rgb(0% 0% 0% / .9);--shadow-color-black-alpha950: rgb(0% 0% 0% / .95);--shadow-color-black-alpha1000: rgb(0% 0% 0%);--shadow-color-white-alpha0: rgb(100% 100% 100% / 0);--shadow-color-white-alpha50: rgb(100% 100% 100% / .05);--shadow-color-white-alpha100: rgb(100% 100% 100% / .1);--shadow-color-white-alpha150: rgb(100% 100% 100% / .15);--shadow-color-white-alpha200: rgb(100% 100% 100% / .2);--shadow-color-white-alpha250: rgb(100% 100% 100% / .25);--shadow-color-white-alpha300: rgb(100% 100% 100% / .3);--shadow-color-white-alpha350: rgb(100% 100% 100% / .35);--shadow-color-white-alpha400: rgb(100% 100% 100% / .4);--shadow-color-white-alpha450: rgb(100% 100% 100% / .45);--shadow-color-white-alpha500: rgb(100% 100% 100% / .5);--shadow-color-white-alpha550: rgb(100% 100% 100% / .55);--shadow-color-white-alpha600: rgb(100% 100% 100% / .6);--shadow-color-white-alpha650: rgb(100% 100% 100% / .65);--shadow-color-white-alpha700: rgb(100% 100% 100% / .7);--shadow-color-white-alpha750: rgb(100% 100% 100% / .75);--shadow-color-white-alpha800: rgb(100% 100% 100% / .8);--shadow-color-white-alpha850: rgb(100% 100% 100% / .85);--shadow-color-white-alpha900: rgb(100% 100% 100% / .9);--shadow-color-white-alpha950: rgb(100% 100% 100% / .95);--shadow-color-white-alpha1000: rgb(100% 100% 100%);--shadow-floating-window: 0px 2px 14px 0px color(srgb 0 0 0 / .15);--shadow-hud: 0px 4px 16px 0px color(srgb 0 0 0 / .2), 0px 2px 8px 0px color(srgb 0 0 0 / .15);--size-neg-huge: -96px;--size-neg-hunit: -.5px;--size-neg-large: -40px;--size-neg-medium: -32px;--size-neg-msmall: -20px;--size-neg-small: -24px;--size-neg-unit: -1px;--size-neg-xlarge: -48px;--size-neg-xmedium: -36px;--size-neg-xmsmall: -12px;--size-neg-xsmall: -16px;--size-neg-xunit: -2px;--size-neg-xxlarge: -64px;--size-neg-xxsmall: -8px;--size-neg-xxxlarge: -80px;--size-neg-xxxsmall: -4px;--size-null: 0px;--size-pos-huge: 96px;--size-pos-hunit: .5px;--size-pos-large: 40px;--size-pos-medium: 32px;--size-pos-msmall: 20px;--size-pos-small: 24px;--size-pos-unit: 1px;--size-pos-xlarge: 48px;--size-pos-xmedium: 36px;--size-pos-xmsmall: 12px;--size-pos-xsmall: 16px;--size-pos-xunit: 2px;--size-pos-xxlarge: 64px;--size-pos-xxsmall: 8px;--size-pos-xxxlarge: 80px;--size-pos-xxxsmall: 4px}[data-mode*=light]{--elevation-100-shapes: 0px 0px .5px 0px color(srgb 0 0 0 / .3), 0px 1px 4px 0px color(srgb 0 0 0 / .15);--elevation-200-canvas: 0px 0px .5px 0px color(srgb 0 0 0 / .2), 0px 4px 8px 0px color(srgb 0 0 0 / .1), 0px 1px 4px 0px color(srgb 0 0 0 / .1);--elevation-300-tooltip: 0px 0px .5px 0px color(srgb 0 0 0 / .15), 0px 4px 12px 0px color(srgb 0 0 0 / .15), 0px 1px 4px 0px color(srgb 0 0 0 / .1);--elevation-400-menu-panel: 0px 0px .5px 0px color(srgb 0 0 0 / .15), 0px 8px 16px 0px color(srgb 0 0 0 / .15), 0px 2px 4px 0px color(srgb 0 0 0 / .15);--elevation-500-modal-window: 0px 0px .5px 0px color(srgb 0 0 0 / .8), 0px 8px 24px 0px color(srgb 0 0 0 / .2), 0px 2px 4px 0px color(srgb 0 0 0 / .15);--shadow-floating-window: 0px 2px 14px 0px color(srgb 0 0 0 / .15);--shadow-hud: 0px 4px 16px 0px color(srgb 0 0 0 / .2), 0px 2px 8px 0px color(srgb 0 0 0 / .15)}[data-mode*=dark]{--elevation-100-shapes: inset 0px .5px 0px 0px color(srgb 1 1 1 / .1), inset 0px 0px .5px 0px color(srgb 1 1 1 / .3), 0px 0px .5px 0px color(srgb 0 0 0 / .5), 0px 1px 4px 0px color(srgb 0 0 0 / .4);--elevation-200-canvas: inset 0px .5px 0px 0px color(srgb 1 1 1 / .1), inset 0px 0px .5px 0px color(srgb 1 1 1 / .2), 0px 4px 8px 0px color(srgb 0 0 0 / .5), 0px 1px 4px 0px color(srgb 0 0 0 / .5);--elevation-300-tooltip: inset 0px .5px 0px 0px color(srgb 1 1 1 / .1), inset 0px 0px .5px 0px color(srgb 1 1 1 / .3), 0px 4px 12px 0px color(srgb 0 0 0 / .35), 0px 1px 4px 0px color(srgb 0 0 0 / .5);--elevation-400-menu-panel: inset 0px .5px 0px 0px color(srgb 1 1 1 / .1), inset 0px 0px .5px 0px color(srgb 1 1 1 / .35), 0px 8px 16px 0px color(srgb 0 0 0 / .35), 0px 2px 4px 0px color(srgb 0 0 0 / .35);--elevation-500-modal-window: inset 0px .5px 0px 0px color(srgb 1 1 1 / .1), inset 0px 0px .5px 0px color(srgb 1 1 1 / .35), 0px 8px 24px 0px color(srgb 0 0 0 / .45), 0px 4px 4px 0px color(srgb 0 0 0 / .35);--shadow-floating-window: 0px 2px 14px 0px color(srgb 0 0 0 / .15);--shadow-hud: 0px 4px 16px 0px color(srgb 0 0 0 / .2), 0px 2px 8px 0px color(srgb 0 0 0 / .15)}