smart-webcomponents-react 19.0.0 → 19.0.5

package/source/styles/default/smart.colorpicker.css

@@ -1,133 +1,133 @@
-/* smart-color-picker */
-smart-color-picker {
-  width: var(--smart-color-picker-default-width);
-  height: var(--smart-color-picker-default-height);
-}
-smart-color-picker.smart-element {
-  overflow: initial;
-  border: none;
-}
-
-.smart-color-picker smart-color-panel {
-  position: relative;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  padding: 5px;
-  border: none;
-}
-.smart-color-picker .smart-color-box {
-  position: relative;
-  width: 20px;
-  height: 20px;
-  border-radius: var(--smart-border-radius);
-  border: var(--smart-border-width) solid var(--smart-border);
-  background-color: var(--smart-background);
-  margin-right: 5px;
-  overflow: hidden;
-  background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc);
-  background-position: 0px 5px, 5px 10px;
-  background-size: 10px 10px;
-}
-.smart-color-picker .smart-color-box.no-color {
-  background-image: linear-gradient(45deg, transparent 47.5%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 52.5%, transparent 52.5%), linear-gradient(-45deg, transparent 47.5%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.2) 52.5%, transparent 52.5%);
-  background-position: initial;
-  background-size: initial;
-}
-.smart-color-picker .smart-color-box > div {
-  width: 100%;
-  height: 100%;
-}
-.smart-color-picker .smart-color-input {
-  border: 0;
-  background-color: transparent;
-  outline: none;
-  color: inherit;
-}
-.smart-color-picker .smart-ripple {
-  background: var(--smart-primary-color);
-}
-.smart-color-picker .smart-drop-down.smart-drop-down-color-picker.smart-drop-down-container {
-  width: var(--smart-color-picker-drop-down-width);
-  max-width: none;
-  height: var(--smart-color-picker-drop-down-height);
-  max-height: none;
-  box-sizing: content-box;
-  overflow: hidden;
-}
-.smart-color-picker:not([opened]) .smart-color-input {
-  color: inherit;
-}
-.smart-color-picker:not([editable]) .smart-color-input {
-  cursor: pointer;
-  user-select: none;
-}
-.smart-color-picker[value-display-mode=none] .smart-color-box {
-  display: none;
-}
-.smart-color-picker[value-display-mode=none] .smart-color-input {
-  display: none;
-}
-.smart-color-picker[value-display-mode=none] .smart-color-input.smart-input {
-  width: 0;
-  opacity: 0;
-  padding: initial;
-}
-.smart-color-picker[value-display-mode=none] .smart-action-button {
-  padding: initial;
-  border: none;
-}
-.smart-color-picker[value-display-mode=none] .smart-drop-down-button {
-  border-top-left-radius: var(--smart-border-top-left-radius);
-  border-bottom-left-radius: var(--smart-border-bottom-left-radius);
-  border-left-width: var(--smart-border-width);
-  border-left-style: solid;
-}
-.smart-color-picker[value-display-mode=none]:not([opened]):not([drop-down-open-mode=dropDownButton]) .smart-drop-down-button {
-  border-left-color: var(--smart-border);
-}
-.smart-color-picker[value-display-mode=colorCode] .smart-color-box {
-  display: none;
-}
-.smart-color-picker[value-display-mode=colorCode] .smart-color-input {
-  display: block;
-}
-.smart-color-picker[value-display-mode=colorBox] .smart-color-box {
-  display: block;
-}
-.smart-color-picker[value-display-mode=colorBox] .smart-input {
-  display: none;
-}
-.smart-color-picker[editable] .smart-action-button {
-  cursor: initial;
-}
-.smart-color-picker[editable]:not([opened]):not([drop-down-open-mode=dropDownButton])[hover] .smart-action-button {
-  background: var(--smart-background);
-  color: var(--smart-background-color);
-}
-.smart-color-picker[opened][editable] .smart-action-button {
-  background-color: var(--smart-backgroud);
-  color: var(--smart-background-color);
-}
-
-.smart-color-panel .color-sample.no-color {
-  background-image: linear-gradient(45deg, transparent 47.5%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 52.5%, transparent 52.5%), linear-gradient(-45deg, transparent 47.5%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.2) 52.5%, transparent 52.5%);
-  background-position: initial;
-  background-size: initial;
-}
-
-.smart-drop-down-repositioned smart-color-panel {
-  width: 100%;
-  height: 100%;
-  padding: 5px;
-  border: none;
-}
-
-.smart-drop-down.smart-drop-down-color-picker.smart-drop-down-container, .smart-drop-down.smart-drop-down-color-picker.smart-drop-down-container.smart-drop-down-repositioned {
-  width: var(--smart-color-picker-drop-down-width);
-  max-width: none;
-  height: var(--smart-color-picker-drop-down-height);
-  max-height: none;
-  box-sizing: content-box;
-  overflow: hidden;
+/* smart-color-picker */
+smart-color-picker {
+  width: var(--smart-color-picker-default-width);
+  height: var(--smart-color-picker-default-height);
+}
+smart-color-picker.smart-element {
+  overflow: initial;
+  border: none;
+}
+
+.smart-color-picker smart-color-panel {
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  padding: 5px;
+  border: none;
+}
+.smart-color-picker .smart-color-box {
+  position: relative;
+  width: 20px;
+  height: 20px;
+  border-radius: var(--smart-border-radius);
+  border: var(--smart-border-width) solid var(--smart-border);
+  background-color: var(--smart-background);
+  margin-right: 5px;
+  overflow: hidden;
+  background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 74%, #cccccc 75%, #cccccc);
+  background-position: 0px 5px, 5px 10px;
+  background-size: 10px 10px;
+}
+.smart-color-picker .smart-color-box.no-color {
+  background-image: linear-gradient(45deg, transparent 47.5%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 52.5%, transparent 52.5%), linear-gradient(-45deg, transparent 47.5%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.2) 52.5%, transparent 52.5%);
+  background-position: initial;
+  background-size: initial;
+}
+.smart-color-picker .smart-color-box > div {
+  width: 100%;
+  height: 100%;
+}
+.smart-color-picker .smart-color-input {
+  border: 0;
+  background-color: transparent;
+  outline: none;
+  color: inherit;
+}
+.smart-color-picker .smart-ripple {
+  background: var(--smart-primary-color);
+}
+.smart-color-picker .smart-drop-down.smart-drop-down-color-picker.smart-drop-down-container {
+  width: var(--smart-color-picker-drop-down-width);
+  max-width: none;
+  height: var(--smart-color-picker-drop-down-height);
+  max-height: none;
+  box-sizing: content-box;
+  overflow: hidden;
+}
+.smart-color-picker:not([opened]) .smart-color-input {
+  color: inherit;
+}
+.smart-color-picker:not([editable]) .smart-color-input {
+  cursor: pointer;
+  user-select: none;
+}
+.smart-color-picker[value-display-mode=none] .smart-color-box {
+  display: none;
+}
+.smart-color-picker[value-display-mode=none] .smart-color-input {
+  display: none;
+}
+.smart-color-picker[value-display-mode=none] .smart-color-input.smart-input {
+  width: 0;
+  opacity: 0;
+  padding: initial;
+}
+.smart-color-picker[value-display-mode=none] .smart-action-button {
+  padding: initial;
+  border: none;
+}
+.smart-color-picker[value-display-mode=none] .smart-drop-down-button {
+  border-top-left-radius: var(--smart-border-top-left-radius);
+  border-bottom-left-radius: var(--smart-border-bottom-left-radius);
+  border-left-width: var(--smart-border-width);
+  border-left-style: solid;
+}
+.smart-color-picker[value-display-mode=none]:not([opened]):not([drop-down-open-mode=dropDownButton]) .smart-drop-down-button {
+  border-left-color: var(--smart-border);
+}
+.smart-color-picker[value-display-mode=colorCode] .smart-color-box {
+  display: none;
+}
+.smart-color-picker[value-display-mode=colorCode] .smart-color-input {
+  display: block;
+}
+.smart-color-picker[value-display-mode=colorBox] .smart-color-box {
+  display: block;
+}
+.smart-color-picker[value-display-mode=colorBox] .smart-input {
+  display: none;
+}
+.smart-color-picker[editable] .smart-action-button {
+  cursor: initial;
+}
+.smart-color-picker[editable]:not([opened]):not([drop-down-open-mode=dropDownButton])[hover] .smart-action-button {
+  background: var(--smart-background);
+  color: var(--smart-background-color);
+}
+.smart-color-picker[opened][editable] .smart-action-button {
+  background-color: var(--smart-backgroud);
+  color: var(--smart-background-color);
+}
+
+.smart-color-panel .color-sample.no-color {
+  background-image: linear-gradient(45deg, transparent 47.5%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 52.5%, transparent 52.5%), linear-gradient(-45deg, transparent 47.5%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.2) 52.5%, transparent 52.5%);
+  background-position: initial;
+  background-size: initial;
+}
+
+.smart-drop-down-repositioned smart-color-panel {
+  width: 100%;
+  height: 100%;
+  padding: 5px;
+  border: none;
+}
+
+.smart-drop-down.smart-drop-down-color-picker.smart-drop-down-container, .smart-drop-down.smart-drop-down-color-picker.smart-drop-down-container.smart-drop-down-repositioned {
+  width: var(--smart-color-picker-drop-down-width);
+  max-width: none;
+  height: var(--smart-color-picker-drop-down-height);
+  max-height: none;
+  box-sizing: content-box;
+  overflow: hidden;
 }

package/source/styles/default/smart.currencyformatpanel.css

@@ -1,72 +1,72 @@
-.currency-format-panel-demo-container {
-  max-width: 960px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  padding: 15px;
-}
-
-.selected-currency-holder-and-apply-holder {
-  display: grid;
-  grid-template-columns: var(--smart-currency-format-panel-currency-holder-width) var(--smart-currency-format-panel-apply-button-width);
-  grid-template-rows: auto;
-  grid-column-gap: var(--smart-currency-format-panel-header-holder-offset);
-}
-
-.input-currency-formats {
-  width: var(--smart-currency-format-panel-currency-holder-dropdown-button-width);
-}
-
-.selected-currency-holder {
-  border: var(--smart-currency-format-panel-border-size) solid var(--smart-currency-format-panel-border-color);
-  border-radius: var(--smart-currency-format-panel-border-radius);
-  display: grid;
-  grid-template-columns: var(--smart-currency-format-panel-currency-holder-input-width) var(--smart-currency-format-panel-currency-holder-dropdown-width);
-  grid-template-rows: auto;
-  align-items: baseline;
-  justify-content: center;
-  padding-left: var(--smart-currency-format-panel-currency-holder-padding-left);
-  padding-top: var(--smart-currency-format-panel-currency-holder-padding-top);
-  padding-bottom: var(--smart-currency-format-panel-currency-holder-padding-bottom);
-}
-.selected-currency-holder .currency-sign-input-holder {
-  width: auto;
-}
-.selected-currency-holder .currency-sign-input-holder smart-text-box {
-  width: var(--smart-currency-format-panel-currency-input-width);
-}
-.selected-currency-holder .currency-sign-input-holder smart-text-box input {
-  border: none;
-}
-
-.currency-list {
-  padding: 0;
-  margin: 0;
-  margin-top: var(--smart-currency-format-panel-currencies-margin-top);
-  max-height: var(--smart-currency-format-panel-currencies-max-height);
-  overflow-y: auto;
-  border: var(--smart-currency-format-panel-border-size) solid var(--smart-currency-format-panel-border-color);
-}
-
-.currency-item {
-  cursor: pointer;
-  border: var(--smart-currency-format-panel-border-size) solid var(--smart-currency-format-panel-border-color);
-  border-left: 0px;
-  border-bottom: none;
-  padding: var(--smart-currency-format-panel-currencies-item-padding);
-  padding-left: var(--smart-currency-format-panel-currencies-left-padding);
-  list-style-type: none;
-}
-.currency-item:last-child {
-  border-bottom: 0px;
-}
-.currency-item:first-child {
-  border-top: 0px !important;
-}
-.currency-item:hover {
-  background: var(--smart-currency-format-panel-currencies-hover-background);
-}
-
-.currency-item-default-format {
-  float: right;
-  color: var(--smart-currency-format-panel-currencies-example-format-color);
+.currency-format-panel-demo-container {
+  max-width: 960px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 15px;
+}
+
+.selected-currency-holder-and-apply-holder {
+  display: grid;
+  grid-template-columns: var(--smart-currency-format-panel-currency-holder-width) var(--smart-currency-format-panel-apply-button-width);
+  grid-template-rows: auto;
+  grid-column-gap: var(--smart-currency-format-panel-header-holder-offset);
+}
+
+.input-currency-formats {
+  width: var(--smart-currency-format-panel-currency-holder-dropdown-button-width);
+}
+
+.selected-currency-holder {
+  border: var(--smart-currency-format-panel-border-size) solid var(--smart-currency-format-panel-border-color);
+  border-radius: var(--smart-currency-format-panel-border-radius);
+  display: grid;
+  grid-template-columns: var(--smart-currency-format-panel-currency-holder-input-width) var(--smart-currency-format-panel-currency-holder-dropdown-width);
+  grid-template-rows: auto;
+  align-items: baseline;
+  justify-content: center;
+  padding-left: var(--smart-currency-format-panel-currency-holder-padding-left);
+  padding-top: var(--smart-currency-format-panel-currency-holder-padding-top);
+  padding-bottom: var(--smart-currency-format-panel-currency-holder-padding-bottom);
+}
+.selected-currency-holder .currency-sign-input-holder {
+  width: auto;
+}
+.selected-currency-holder .currency-sign-input-holder smart-text-box {
+  width: var(--smart-currency-format-panel-currency-input-width);
+}
+.selected-currency-holder .currency-sign-input-holder smart-text-box input {
+  border: none;
+}
+
+.currency-list {
+  padding: 0;
+  margin: 0;
+  margin-top: var(--smart-currency-format-panel-currencies-margin-top);
+  max-height: var(--smart-currency-format-panel-currencies-max-height);
+  overflow-y: auto;
+  border: var(--smart-currency-format-panel-border-size) solid var(--smart-currency-format-panel-border-color);
+}
+
+.currency-item {
+  cursor: pointer;
+  border: var(--smart-currency-format-panel-border-size) solid var(--smart-currency-format-panel-border-color);
+  border-left: 0px;
+  border-bottom: none;
+  padding: var(--smart-currency-format-panel-currencies-item-padding);
+  padding-left: var(--smart-currency-format-panel-currencies-left-padding);
+  list-style-type: none;
+}
+.currency-item:last-child {
+  border-bottom: 0px;
+}
+.currency-item:first-child {
+  border-top: 0px !important;
+}
+.currency-item:hover {
+  background: var(--smart-currency-format-panel-currencies-hover-background);
+}
+
+.currency-item-default-format {
+  float: right;
+  color: var(--smart-currency-format-panel-currencies-example-format-color);
 }

package/source/styles/default/smart.dateformatpanel.css

@@ -1,106 +1,106 @@
-.smart-input-buttons-elements-holder {
-  display: grid;
-  grid-template-columns: var(--smart-date-format-panel-smart-inputs-container-width) var(--smart-date-format-panel-apply-container-width);
-  grid-template-rows: auto;
-  grid-column-gap: var(--smart-date-format-panel-smart-input-buttons-column-gap);
-}
-
-.smart-input-and-add-formats-holder {
-  border: var(--smart-date-format-panel-border-size) solid var(--smart-date-format-panel-border-color);
-  border-radius: var(--smart-date-format-panel-border-radius);
-  display: grid;
-  grid-template-columns: var(--smart-date-format-panel-smart-inputs-holder-width) var(--smart-date-format-panel-add-format-holder-width);
-  grid-template-rows: auto;
-  align-items: baseline;
-  justify-content: center;
-}
-
-.smart-input-list-holder {
-  padding: var(--smart-date-format-panel-smart-inputs-list-holder-offset);
-}
-.smart-input-list-holder:empty {
-  border: none;
-}
-.smart-input-list-holder smart-input {
-  display: inline-flex;
-  height: var(--smart-date-format-panel-smart-input-height);
-  margin: var(--smart-date-format-panel-each-smart-input-offset);
-}
-.smart-input-list-holder .format-smart-input-list {
-  width: var(--smart-date-format-panel-smart-input-format-width);
-}
-.smart-input-list-holder .sign-smart-input {
-  width: var(--smart-date-format-panel-smart-input-sign-width);
-}
-
-.all-format-holders {
-  width: var(--smart-date-format-panel-all-format-holders-width);
-}
-
-.format-holder {
-  width: var(--smart-date-format-panel-each-add-format-holder-width);
-  text-align: center;
-  float: left;
-}
-
-.add-format-holder {
-  margin: var(--smart-date-format-panel-add-new-format-dropdown-offset);
-  align-self: normal;
-  justify-self: end;
-}
-.add-format-holder span.smart-drop-down-button {
-  --smart-date-format-panel-smart-drop-down-button-border: transparent;
-}
-.add-format-holder smart-button {
-  font-size: var(--smart-date-format-panel-smart-font-size);
-  width: auto;
-  min-width: var(--smart-date-format-panel-add-format-holder-button);
-}
-
-.use-format-button {
-  margin: 0 auto;
-  margin-top: var(--smart-date-format-panel-margin-from-the-top);
-}
-.use-format-button[disabled] {
-  display: none;
-}
-
-li[value=" "] a {
-  height: calc(var(--smart-date-format-panel-smart-font-size) + 16px);
-}
-
-.date-time-format-list {
-  padding: 0;
-  margin: 0;
-  margin-top: var(--smart-date-format-panel-date-time-format-list-offset-top);
-  max-height: var(--smart-date-format-panel-date-time-format-list-max-height);
-  overflow-y: auto;
-}
-
-.date-time-format {
-  cursor: pointer;
-  border: var(--smart-date-format-panel-border-size) solid var(--smart-date-format-panel-border-color);
-  border-bottom: none;
-  text-align: center;
-  padding: var(--smart-date-format-panel-each-date-time-format-offset);
-  list-style-type: none;
-  padding-left: 0;
-}
-.date-time-format:last-child {
-  border-bottom: var(--smart-date-format-panel-border-size) solid var(--smart-date-format-panel-border-color);
-}
-.date-time-format:hover {
-  background: #f1f1f1;
-}
-
-.text-tramsform-none {
-  text-transform: none;
-}
-
-.cboth {
-  clear: both;
-}
-
-.bold {
-  font-weight: bold;
+.smart-input-buttons-elements-holder {
+  display: grid;
+  grid-template-columns: var(--smart-date-format-panel-smart-inputs-container-width) var(--smart-date-format-panel-apply-container-width);
+  grid-template-rows: auto;
+  grid-column-gap: var(--smart-date-format-panel-smart-input-buttons-column-gap);
+}
+
+.smart-input-and-add-formats-holder {
+  border: var(--smart-date-format-panel-border-size) solid var(--smart-date-format-panel-border-color);
+  border-radius: var(--smart-date-format-panel-border-radius);
+  display: grid;
+  grid-template-columns: var(--smart-date-format-panel-smart-inputs-holder-width) var(--smart-date-format-panel-add-format-holder-width);
+  grid-template-rows: auto;
+  align-items: baseline;
+  justify-content: center;
+}
+
+.smart-input-list-holder {
+  padding: var(--smart-date-format-panel-smart-inputs-list-holder-offset);
+}
+.smart-input-list-holder:empty {
+  border: none;
+}
+.smart-input-list-holder smart-input {
+  display: inline-flex;
+  height: var(--smart-date-format-panel-smart-input-height);
+  margin: var(--smart-date-format-panel-each-smart-input-offset);
+}
+.smart-input-list-holder .format-smart-input-list {
+  width: var(--smart-date-format-panel-smart-input-format-width);
+}
+.smart-input-list-holder .sign-smart-input {
+  width: var(--smart-date-format-panel-smart-input-sign-width);
+}
+
+.all-format-holders {
+  width: var(--smart-date-format-panel-all-format-holders-width);
+}
+
+.format-holder {
+  width: var(--smart-date-format-panel-each-add-format-holder-width);
+  text-align: center;
+  float: left;
+}
+
+.add-format-holder {
+  margin: var(--smart-date-format-panel-add-new-format-dropdown-offset);
+  align-self: normal;
+  justify-self: end;
+}
+.add-format-holder span.smart-drop-down-button {
+  --smart-date-format-panel-smart-drop-down-button-border: transparent;
+}
+.add-format-holder smart-button {
+  font-size: var(--smart-date-format-panel-smart-font-size);
+  width: auto;
+  min-width: var(--smart-date-format-panel-add-format-holder-button);
+}
+
+.use-format-button {
+  margin: 0 auto;
+  margin-top: var(--smart-date-format-panel-margin-from-the-top);
+}
+.use-format-button[disabled] {
+  display: none;
+}
+
+li[value=" "] a {
+  height: calc(var(--smart-date-format-panel-smart-font-size) + 16px);
+}
+
+.date-time-format-list {
+  padding: 0;
+  margin: 0;
+  margin-top: var(--smart-date-format-panel-date-time-format-list-offset-top);
+  max-height: var(--smart-date-format-panel-date-time-format-list-max-height);
+  overflow-y: auto;
+}
+
+.date-time-format {
+  cursor: pointer;
+  border: var(--smart-date-format-panel-border-size) solid var(--smart-date-format-panel-border-color);
+  border-bottom: none;
+  text-align: center;
+  padding: var(--smart-date-format-panel-each-date-time-format-offset);
+  list-style-type: none;
+  padding-left: 0;
+}
+.date-time-format:last-child {
+  border-bottom: var(--smart-date-format-panel-border-size) solid var(--smart-date-format-panel-border-color);
+}
+.date-time-format:hover {
+  background: #f1f1f1;
+}
+
+.text-tramsform-none {
+  text-transform: none;
+}
+
+.cboth {
+  clear: both;
+}
+
+.bold {
+  font-weight: bold;
 }