@orangesk/orange-design-system 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/build/components/Tile/style.css +1 -1
  2. package/build/components/Tile/style.css.map +1 -1
  3. package/build/components/index.js.map +1 -1
  4. package/build/components/tsconfig.tsbuildinfo +1 -1
  5. package/build/components/types/index.d.ts +232 -232
  6. package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.d.ts +1 -1
  7. package/build/components/types/src/components/BodyBanner/BodyBanner.d.ts +1 -1
  8. package/build/components/types/src/components/Button/index.d.ts +3 -3
  9. package/build/components/types/src/components/FeatureAccordion/FeatureAccordion.d.ts +1 -1
  10. package/build/components/types/src/components/Footer/PlanObnovy.d.ts +1 -1
  11. package/build/components/types/src/components/Forms/Select/index.d.ts +1 -1
  12. package/build/components/types/src/components/Grid/GridCol.d.ts +1 -1
  13. package/build/components/types/src/components/Icon/IconSearch.d.ts +2 -2
  14. package/build/components/types/src/components/Icon/IconSearchWrapper.d.ts +1 -1
  15. package/build/components/types/src/components/Icon/PictogramSearch.d.ts +2 -2
  16. package/build/components/types/src/components/Icon/PictogramSearchWrapper.d.ts +1 -1
  17. package/build/components/types/src/components/Megamenu/Megamenu.d.ts +2 -1
  18. package/build/components/types/src/components/Megamenu/MegamenuBlog.d.ts +1 -1
  19. package/build/components/types/src/components/Megamenu/MegamenuSearchContent.d.ts +1 -1
  20. package/build/components/types/src/components/Megamenu/MyOrangeMobilePanel.d.ts +1 -1
  21. package/build/components/types/src/components/Pagination/Separator.d.ts +1 -1
  22. package/build/components/types/src/components/Preview/Preview.d.ts +1 -1
  23. package/build/components/types/src/components/Preview/index.d.ts +1 -1
  24. package/build/components/types/src/components/PromoBanner/PromoBanner.d.ts +1 -1
  25. package/build/components/types/src/components/Table/Row.d.ts +2 -1
  26. package/build/components/types/src/components/Tooltip/tests/BaseWrapper.d.ts +1 -1
  27. package/build/components/types/src/docs/utils/SpacePreview.d.ts +1 -1
  28. package/build/lib/base.css +1 -1
  29. package/build/lib/base.css.map +1 -1
  30. package/build/lib/components.css +1 -1
  31. package/build/lib/components.css.map +1 -1
  32. package/build/lib/style.css +1 -1
  33. package/build/lib/style.css.map +1 -1
  34. package/build/lib/tsconfig.tsbuildinfo +1 -1
  35. package/build/search-index.json +1 -1
  36. package/package.json +19 -19
  37. package/src/components/Forms/Autocomplete/styles/style.scss +3 -0
  38. package/src/components/Forms/DatePicker/styles/style.scss +2 -0
  39. package/src/components/Forms/File/styles/style.scss +3 -0
  40. package/src/components/Forms/InputStepper/styles/style.scss +1 -0
  41. package/src/components/Tile/styles/mixins.scss +1 -0
  42. package/src/styles/base/globals-forms.scss +31 -0
package/build/components/Tile/style.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer components{.tile{background-color:var(--color-fill-primary);border:1px solid var(--color-border-subtle);border-radius:.3125rem;color:var(--color-text-default);display:flex;overflow:hidden;position:relative;width:100%;word-break:break-word}.tile__body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:1.25rem;padding:1.25rem;z-index:1}.tile__body :last-child{margin-bottom:0}.tile__body>.icon,.tile__body>svg{height:1.5rem;width:1.5rem}@media screen and (min-width:768px){.tile__body{flex-direction:column;padding:1.875rem}.tile__body>.icon,.tile__body>svg{height:2rem;width:2rem}}.tile--compact .tile__body{text-wrap:nowrap;align-items:center;flex-direction:row;flex-shrink:0;gap:.3125rem;justify-content:flex-start;padding:.9375rem}@media screen and (min-width:768px){.tile--compact .tile__body{flex-direction:column;padding:1.25rem}}.tile--action{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-inverse)}.tile--action .tile__body{align-items:center;flex-direction:row;gap:.9375rem;justify-content:space-between;padding:1.875rem 1.25rem}@media screen and (min-width:480px){.tile--action .tile__body{gap:1.25rem;padding:1.875rem}}.tile--action .icon{flex-shrink:0;height:1.5rem;width:1.5rem}@media screen and (min-width:480px){.tile--action .icon{height:2rem;width:2rem}}}
1
+ @layer components{.tile{background-color:var(--color-fill-primary);border:1px solid var(--color-border-subtle);border-radius:.3125rem;color:var(--color-text-default);display:flex;overflow:hidden;position:relative;width:100%;word-break:break-word}.tile__body{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:1.25rem;padding:1.25rem;z-index:1}.tile__body :last-child{margin-bottom:0}.tile__body>.icon,.tile__body>svg{height:1.5rem;width:1.5rem}@media screen and (min-width:768px){.tile__body{flex-direction:column;padding:1.875rem}.tile__body>.icon,.tile__body>svg{height:2rem;width:2rem}}.tile--compact .tile__body{text-wrap:nowrap;align-items:center;flex-direction:row;flex-shrink:0;gap:.3125rem;justify-content:flex-start;padding:.9375rem}@media screen and (min-width:768px){.tile--compact .tile__body{flex-direction:column;padding:1.25rem}}.tile--action{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-inverse)}.tile--action .tile__body{align-items:center;flex-direction:row;gap:.9375rem;justify-content:space-between;padding:1.875rem 1.25rem;word-break:normal}@media screen and (min-width:480px){.tile--action .tile__body{gap:1.25rem;padding:1.875rem}}.tile--action .icon{flex-shrink:0;height:1.5rem;width:1.5rem}@media screen and (min-width:480px){.tile--action .icon{height:2rem;width:2rem}}}
2
2
  /*# sourceMappingURL=style.css.map */
package/build/components/Tile/style.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAOE,0CAA2C,CAD3C,2CAA4C,CAD5C,sBAAwB,CAGxB,+BAAgC,CAPhC,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAAW,CAKX,qBACF,CACA,YAIE,sBAAuB,CAFvB,YAAa,CADb,MAAO,CAEP,qBAAsB,CAEtB,WAAY,CACZ,eAAgB,CAChB,SACF,CACA,wBACE,eACF,CACA,kCAGE,aAAc,CADd,YAEF,CACA,oCACE,YACE,qBAAsB,CACtB,gBACF,CACA,kCAGE,WAAY,CADZ,UAEF,CACF,CACA,2BAOE,gBAAiB,CALjB,kBAAmB,CADnB,kBAAmB,CAKnB,aAAc,CAFd,YAAc,CADd,0BAA2B,CAE3B,gBAGF,CACA,oCACE,2BACE,qBAAsB,CACtB,eACF,CACF,CACA,cACE,4BAA6B,CAE7B,uCAAwC,CADxC,+BAEF,CACA,0BAEE,kBAAmB,CADnB,kBAAmB,CAGnB,YAAc,CADd,6BAA8B,CAE9B,wBACF,CACA,oCACE,0BACE,WAAY,CACZ,gBACF,CACF,CACA,oBACE,aAAc,CAEd,aAAc,CADd,YAEF,CACA,oCACE,oBAEE,WAAY,CADZ,UAEF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .tile {\n display: flex;\n position: relative;\n overflow: hidden;\n width: 100%;\n border-radius: 0.3125rem;\n border: 1px solid var(--color-border-subtle);\n background-color: var(--color-fill-primary);\n color: var(--color-text-default);\n word-break: break-word;\n }\n .tile__body {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1.25rem;\n padding: 1.25rem;\n z-index: 1;\n }\n .tile__body *:last-child {\n margin-bottom: 0;\n }\n .tile__body > .icon,\n .tile__body > svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n @media screen and (min-width: 768px) {\n .tile__body {\n flex-direction: column;\n padding: 1.875rem;\n }\n .tile__body > .icon,\n .tile__body > svg {\n width: 2rem;\n height: 2rem;\n }\n }\n .tile--compact .tile__body {\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n gap: 0.3125rem;\n padding: 0.9375rem;\n flex-shrink: 0;\n text-wrap: nowrap;\n }\n @media screen and (min-width: 768px) {\n .tile--compact .tile__body {\n flex-direction: column;\n padding: 1.25rem;\n }\n }\n .tile--action {\n background-color: transparent;\n color: var(--color-text-inverse);\n border-color: var(--color-border-strong);\n }\n .tile--action .tile__body {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 0.9375rem;\n padding: 1.875rem 1.25rem;\n }\n @media screen and (min-width: 480px) {\n .tile--action .tile__body {\n gap: 1.25rem;\n padding: 1.875rem;\n }\n }\n .tile--action .icon {\n flex-shrink: 0;\n width: 1.5rem;\n height: 1.5rem;\n }\n @media screen and (min-width: 480px) {\n .tile--action .icon {\n width: 2rem;\n height: 2rem;\n }\n }\n}"]}
1
+ {"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,MAOE,0CAA2C,CAD3C,2CAA4C,CAD5C,sBAAwB,CAGxB,+BAAgC,CAPhC,YAAa,CAEb,eAAgB,CADhB,iBAAkB,CAElB,UAAW,CAKX,qBACF,CACA,YAIE,sBAAuB,CAFvB,YAAa,CADb,MAAO,CAEP,qBAAsB,CAEtB,WAAY,CACZ,eAAgB,CAChB,SACF,CACA,wBACE,eACF,CACA,kCAGE,aAAc,CADd,YAEF,CACA,oCACE,YACE,qBAAsB,CACtB,gBACF,CACA,kCAGE,WAAY,CADZ,UAEF,CACF,CACA,2BAOE,gBAAiB,CALjB,kBAAmB,CADnB,kBAAmB,CAKnB,aAAc,CAFd,YAAc,CADd,0BAA2B,CAE3B,gBAGF,CACA,oCACE,2BACE,qBAAsB,CACtB,eACF,CACF,CACA,cACE,4BAA6B,CAE7B,uCAAwC,CADxC,+BAEF,CACA,0BAEE,kBAAmB,CADnB,kBAAmB,CAGnB,YAAc,CADd,6BAA8B,CAE9B,wBAAyB,CACzB,iBACF,CACA,oCACE,0BACE,WAAY,CACZ,gBACF,CACF,CACA,oBACE,aAAc,CAEd,aAAc,CADd,YAEF,CACA,oCACE,oBAEE,WAAY,CADZ,UAEF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .tile {\n display: flex;\n position: relative;\n overflow: hidden;\n width: 100%;\n border-radius: 0.3125rem;\n border: 1px solid var(--color-border-subtle);\n background-color: var(--color-fill-primary);\n color: var(--color-text-default);\n word-break: break-word;\n }\n .tile__body {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1.25rem;\n padding: 1.25rem;\n z-index: 1;\n }\n .tile__body *:last-child {\n margin-bottom: 0;\n }\n .tile__body > .icon,\n .tile__body > svg {\n width: 1.5rem;\n height: 1.5rem;\n }\n @media screen and (min-width: 768px) {\n .tile__body {\n flex-direction: column;\n padding: 1.875rem;\n }\n .tile__body > .icon,\n .tile__body > svg {\n width: 2rem;\n height: 2rem;\n }\n }\n .tile--compact .tile__body {\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n gap: 0.3125rem;\n padding: 0.9375rem;\n flex-shrink: 0;\n text-wrap: nowrap;\n }\n @media screen and (min-width: 768px) {\n .tile--compact .tile__body {\n flex-direction: column;\n padding: 1.25rem;\n }\n }\n .tile--action {\n background-color: transparent;\n color: var(--color-text-inverse);\n border-color: var(--color-border-strong);\n }\n .tile--action .tile__body {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 0.9375rem;\n padding: 1.875rem 1.25rem;\n word-break: normal;\n }\n @media screen and (min-width: 480px) {\n .tile--action .tile__body {\n gap: 1.25rem;\n padding: 1.875rem;\n }\n }\n .tile--action .icon {\n flex-shrink: 0;\n width: 1.5rem;\n height: 1.5rem;\n }\n @media screen and (min-width: 480px) {\n .tile--action .icon {\n width: 2rem;\n height: 2rem;\n }\n }\n}"]}